g(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}\nfunction g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D=\"function\"===typeof setTimeout?setTimeout:null,E=\"function\"===typeof clearTimeout?clearTimeout:null,F=\"undefined\"!==typeof setImmediate?setImmediate:null;\n\"undefined\"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}\nfunction J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if(\"function\"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;\nfunction M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if (typeof objA !== \"object\" || !objA || typeof objB !== \"object\" || !objB) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n var valueA = objA[key];\n var valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || (ret === void 0 && valueA !== valueB)) {\n return false;\n }\n }\n\n return true;\n};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","function stylis_min (W) {\n function M(d, c, e, h, a) {\n for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n g = e.charCodeAt(l);\n l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n if (0 === b + n + v + m) {\n if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n switch (g) {\n case 32:\n case 9:\n case 59:\n case 13:\n case 10:\n break;\n\n default:\n f += e.charAt(l);\n }\n\n g = 59;\n }\n\n switch (g) {\n case 123:\n f = f.trim();\n q = f.charCodeAt(0);\n k = 1;\n\n for (t = ++l; l < B;) {\n switch (g = e.charCodeAt(l)) {\n case 123:\n k++;\n break;\n\n case 125:\n k--;\n break;\n\n case 47:\n switch (g = e.charCodeAt(l + 1)) {\n case 42:\n case 47:\n a: {\n for (u = l + 1; u < J; ++u) {\n switch (e.charCodeAt(u)) {\n case 47:\n if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n l = u + 1;\n break a;\n }\n\n break;\n\n case 10:\n if (47 === g) {\n l = u + 1;\n break a;\n }\n\n }\n }\n\n l = u;\n }\n\n }\n\n break;\n\n case 91:\n g++;\n\n case 40:\n g++;\n\n case 34:\n case 39:\n for (; l++ < J && e.charCodeAt(l) !== g;) {\n }\n\n }\n\n if (0 === k) break;\n l++;\n }\n\n k = e.substring(t, l);\n 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n switch (q) {\n case 64:\n 0 < r && (f = f.replace(N, ''));\n g = f.charCodeAt(1);\n\n switch (g) {\n case 100:\n case 109:\n case 115:\n case 45:\n r = c;\n break;\n\n default:\n r = O;\n }\n\n k = M(c, r, k, g, a + 1);\n t = k.length;\n 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n if (0 < t) switch (g) {\n case 115:\n f = f.replace(da, ea);\n\n case 100:\n case 109:\n case 45:\n k = f + '{' + k + '}';\n break;\n\n case 107:\n f = f.replace(fa, '$1 $2');\n k = f + '{' + k + '}';\n k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n break;\n\n default:\n k = f + k, 112 === h && (k = (p += k, ''));\n } else k = '';\n break;\n\n default:\n k = M(c, X(c, f, I), k, h, a + 1);\n }\n\n F += k;\n k = I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n break;\n\n case 125:\n case 59:\n f = (0 < r ? f.replace(N, '') : f).trim();\n if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n case 0:\n break;\n\n case 64:\n if (105 === g || 99 === g) {\n G += f + e.charAt(l);\n break;\n }\n\n default:\n 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n }\n I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n }\n }\n\n switch (g) {\n case 13:\n case 10:\n 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n z = 1;\n D++;\n break;\n\n case 59:\n case 125:\n if (0 === b + n + v + m) {\n z++;\n break;\n }\n\n default:\n z++;\n y = e.charAt(l);\n\n switch (g) {\n case 9:\n case 32:\n if (0 === n + m + b) switch (x) {\n case 44:\n case 58:\n case 9:\n case 32:\n y = '';\n break;\n\n default:\n 32 !== g && (y = ' ');\n }\n break;\n\n case 0:\n y = '\\\\0';\n break;\n\n case 12:\n y = '\\\\f';\n break;\n\n case 11:\n y = '\\\\v';\n break;\n\n case 38:\n 0 === n + b + m && (r = I = 1, y = '\\f' + y);\n break;\n\n case 108:\n if (0 === n + b + m + E && 0 < u) switch (l - u) {\n case 2:\n 112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n case 8:\n 111 === K && (E = K);\n }\n break;\n\n case 58:\n 0 === n + b + m && (u = l);\n break;\n\n case 44:\n 0 === b + v + n + m && (r = 1, y += '\\r');\n break;\n\n case 34:\n case 39:\n 0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n break;\n\n case 91:\n 0 === n + b + v && m++;\n break;\n\n case 93:\n 0 === n + b + v && m--;\n break;\n\n case 41:\n 0 === n + b + m && v--;\n break;\n\n case 40:\n if (0 === n + b + m) {\n if (0 === q) switch (2 * x + 3 * K) {\n case 533:\n break;\n\n default:\n q = 1;\n }\n v++;\n }\n\n break;\n\n case 64:\n 0 === b + v + n + m + u + k && (k = 1);\n break;\n\n case 42:\n case 47:\n if (!(0 < n + m + v)) switch (b) {\n case 0:\n switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n case 235:\n b = 47;\n break;\n\n case 220:\n t = l, b = 42;\n }\n\n break;\n\n case 42:\n 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n }\n }\n\n 0 === b && (f += y);\n }\n\n K = x;\n x = g;\n l++;\n }\n\n t = p.length;\n\n if (0 < t) {\n r = c;\n if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n p = r.join(',') + '{' + p + '}';\n\n if (0 !== w * E) {\n 2 !== w || L(p, 2) || (E = 0);\n\n switch (E) {\n case 111:\n p = p.replace(ha, ':-moz-$1') + p;\n break;\n\n case 112:\n p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n }\n\n E = 0;\n }\n }\n\n return G + p + F;\n }\n\n function X(d, c, e) {\n var h = c.trim().split(ia);\n c = h;\n var a = h.length,\n m = d.length;\n\n switch (m) {\n case 0:\n case 1:\n var b = 0;\n\n for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n c[b] = Z(d, c[b], e).trim();\n }\n\n break;\n\n default:\n var v = b = 0;\n\n for (c = []; b < a; ++b) {\n for (var n = 0; n < m; ++n) {\n c[v++] = Z(d[n] + ' ', h[b], e).trim();\n }\n }\n\n }\n\n return c;\n }\n\n function Z(d, c, e) {\n var h = c.charCodeAt(0);\n 33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n switch (h) {\n case 38:\n return c.replace(F, '$1' + d.trim());\n\n case 58:\n return d.trim() + c.replace(F, '$1' + d.trim());\n\n default:\n if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n }\n\n return d + c;\n }\n\n function P(d, c, e, h) {\n var a = d + ';',\n m = 2 * c + 3 * e + 4 * h;\n\n if (944 === m) {\n d = a.indexOf(':', 9) + 1;\n var b = a.substring(d, a.length - 1).trim();\n b = a.substring(0, d).trim() + b + ';';\n return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n }\n\n if (0 === w || 2 === w && !L(a, 1)) return a;\n\n switch (m) {\n case 1015:\n return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n case 951:\n return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n case 963:\n return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n case 1009:\n if (100 !== a.charCodeAt(4)) break;\n\n case 969:\n case 942:\n return '-webkit-' + a + a;\n\n case 978:\n return '-webkit-' + a + '-moz-' + a + a;\n\n case 1019:\n case 983:\n return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n case 883:\n if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n break;\n\n case 932:\n if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n case 103:\n return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n case 115:\n return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n case 98:\n return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n }\n return '-webkit-' + a + '-ms-' + a + a;\n\n case 964:\n return '-webkit-' + a + '-ms-flex-' + a + a;\n\n case 1023:\n if (99 !== a.charCodeAt(8)) break;\n b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n case 1005:\n return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n case 1e3:\n b = a.substring(13).trim();\n c = b.indexOf('-') + 1;\n\n switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n case 226:\n b = a.replace(G, 'tb');\n break;\n\n case 232:\n b = a.replace(G, 'tb-rl');\n break;\n\n case 220:\n b = a.replace(G, 'lr');\n break;\n\n default:\n return a;\n }\n\n return '-webkit-' + a + '-ms-' + b + a;\n\n case 1017:\n if (-1 === a.indexOf('sticky', 9)) break;\n\n case 975:\n c = (a = d).length - 10;\n b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n case 203:\n if (111 > b.charCodeAt(8)) break;\n\n case 115:\n a = a.replace(b, '-webkit-' + b) + ';' + a;\n break;\n\n case 207:\n case 102:\n a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n }\n\n return a + ';';\n\n case 938:\n if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n case 105:\n return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n case 115:\n return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n default:\n return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n }\n break;\n\n case 973:\n case 989:\n if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n case 931:\n case 953:\n if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n break;\n\n case 962:\n if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n }\n\n return a;\n }\n\n function L(d, c) {\n var e = d.indexOf(1 === c ? ':' : '{'),\n h = d.substring(0, 3 !== c ? e : 10);\n e = d.substring(e + 1, d.length - 1);\n return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n }\n\n function ea(d, c) {\n var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n }\n\n function H(d, c, e, h, a, m, b, v, n, q) {\n for (var g = 0, x = c, w; g < A; ++g) {\n switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n case void 0:\n case !1:\n case !0:\n case null:\n break;\n\n default:\n x = w;\n }\n }\n\n if (x !== c) return x;\n }\n\n function T(d) {\n switch (d) {\n case void 0:\n case null:\n A = S.length = 0;\n break;\n\n default:\n if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n T(d[c]);\n } else Y = !!d | 0;\n }\n\n return T;\n }\n\n function U(d) {\n d = d.prefix;\n void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n return U;\n }\n\n function B(d, c) {\n var e = d;\n 33 > e.charCodeAt(0) && (e = e.trim());\n V = e;\n e = [V];\n\n if (0 < A) {\n var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n void 0 !== h && 'string' === typeof h && (c = h);\n }\n\n var a = M(O, e, c, 0, 0);\n 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n V = '';\n E = 0;\n z = D = 1;\n return a;\n }\n\n var ca = /^\\0+/g,\n N = /[\\0\\r\\f]/g,\n aa = /: */g,\n ka = /zoo|gra/,\n ma = /([,: ])(transform)/g,\n ia = /,\\r+?/g,\n F = /([\\t\\r\\n ])*\\f?&/g,\n fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n Q = /::(place)/g,\n ha = /:(read-only)/g,\n G = /[svh]\\w+-[tblr]{2}/,\n da = /\\(\\s*(.*)\\s*\\)/g,\n oa = /([\\s\\S]*?);/g,\n ba = /-self|flex-/g,\n na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n ja = /([^-])(image-set\\()/,\n z = 1,\n D = 1,\n E = 0,\n w = 1,\n O = [],\n S = [],\n A = 0,\n R = null,\n Y = 0,\n V = '';\n B.use = T;\n B.set = U;\n void 0 !== W && U(W);\n return B;\n}\n\nexport default stylis_min;\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((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|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default isPropValid;\n","function memoize(fn) {\n var cache = Object.create(null);\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\nexport default memoize;\n","import{typeOf as e,isElement as t,isValidElementType as n}from\"react-is\";import r,{useState as o,useContext as s,useMemo as i,useEffect as a,useRef as c,createElement as u,useDebugValue as l,useLayoutEffect as d}from\"react\";import h from\"shallowequal\";import p from\"@emotion/stylis\";import f from\"@emotion/unitless\";import m from\"@emotion/is-prop-valid\";import y from\"hoist-non-react-statics\";function v(){return(v=Object.assign||function(e){for(var t=1;t ({})}\\n```\\n\\n',8:'ThemeProvider: Please make your \"theme\" prop an object.\\n\\n',9:\"Missing document ``\\n\\n\",10:\"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\\n\\n\",11:\"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\\n\\n\",12:\"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\\\`\\\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\\n\\n\",13:\"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\\n\\n\",14:'ThemeProvider: \"theme\" prop is required.\\n\\n',15:\"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to ``, please make sure each plugin is uniquely-named, e.g.\\n\\n```js\\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\\n```\\n\\n\",16:\"Reached the limit of how many styled components may be created at group %s.\\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\\nas for instance in your render method then you may be running into this limitation.\\n\\n\",17:\"CSSStyleSheet could not be found on HTMLStyleElement.\\nHas styled-components' style tag been unmounted or altered by another script?\\n\"}:{};function D(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n1?t-1:0),r=1;r0?\" Args: \"+n.join(\", \"):\"\")):new Error(D.apply(void 0,[R[e]].concat(n)).trim())}var T=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&j(16,\"\"+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s1<<30)&&j(16,\"\"+t),x.set(e,t),k.set(t,e),t},z=function(e){return k.get(e)},M=function(e,t){t>=V&&(V=t+1),x.set(e,t),k.set(t,e)},G=\"style[\"+A+'][data-styled-version=\"5.3.6\"]',L=new RegExp(\"^\"+A+'\\\\.g(\\\\d+)\\\\[id=\"([\\\\w\\\\d-]+)\"\\\\].*?\"([^\"]*)'),F=function(e,t,n){for(var r,o=n.split(\",\"),s=0,i=o.length;s=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(A))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(A,\"active\"),r.setAttribute(\"data-styled-version\",\"5.3.6\");var i=q();return i&&r.setAttribute(\"nonce\",i),n.insertBefore(r,s),r},$=function(){function e(e){var t=this.element=H(e);t.appendChild(document.createTextNode(\"\")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e0&&(u+=e+\",\")})),r+=\"\"+a+c+'{content:\"'+u+'\"}/*!sc*/\\n'}}}return r}(this)},e}(),K=/(a)(d)/gi,Q=function(e){return String.fromCharCode(e+(e>25?39:97))};function ee(e){var t,n=\"\";for(t=Math.abs(e);t>52;t=t/52|0)n=Q(t%52)+n;return(Q(t%52)+n).replace(K,\"$1-$2\")}var te=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ne=function(e){return te(5381,e)};function re(e){for(var t=0;t>>0);if(!t.hasNameForId(r,i)){var a=n(s,\".\"+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=te(this.baseHash,n.hash),l=\"\",d=0;d>>0);if(!t.hasNameForId(r,m)){var y=n(l,\".\"+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(\" \")},e}(),ie=/^\\s*\\/\\/.*$/gm,ae=[\":\",\"[\",\".\",\"#\"];function ce(e){var t,n,r,o,s=void 0===e?E:e,i=s.options,a=void 0===i?E:i,c=s.plugins,u=void 0===c?w:c,l=new p(a),d=[],h=function(e){function t(t){if(t)try{e(t+\"}\")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+\";\"),\"\";break;case 2:if(0===u)return r+\"/*|*/\";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),\"\";default:return r+(0===d?\"/*|*/\":\"\")}case-2:r.split(\"/*|*/}\").forEach(t)}}}((function(e){d.push(e)})),f=function(e,r,s){return 0===r&&-1!==ae.indexOf(s[n.length])||s.match(o)?e:\".\"+t};function m(e,s,i,a){void 0===a&&(a=\"&\");var c=e.replace(ie,\"\"),u=s&&i?i+\" \"+s+\" { \"+c+\" }\":c;return t=a,n=s,r=new RegExp(\"\\\\\"+n+\"\\\\b\",\"g\"),o=new RegExp(\"(\\\\\"+n+\"\\\\b){2,}\"),l(i||!s?\"\":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},h,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||j(15),te(e,t.name)}),5381).toString():\"\",m}var ue=r.createContext(),le=ue.Consumer,de=r.createContext(),he=(de.Consumer,new Z),pe=ce();function fe(){return s(ue)||he}function me(){return s(de)||pe}function ye(e){var t=o(e.stylisPlugins),n=t[0],s=t[1],c=fe(),u=i((function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),l=i((function(){return ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return a((function(){h(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),r.createElement(ue.Provider,{value:u},r.createElement(de.Provider,{value:l},\"production\"!==process.env.NODE_ENV?r.Children.only(e.children):e.children))}var ve=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,\"@keyframes\"))},this.toString=function(){return j(12,String(n.name))},this.name=e,this.id=\"sc-keyframes-\"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=pe),this.name+e.hash},e}(),ge=/([A-Z])/,Se=/([A-Z])/g,we=/^ms-/,Ee=function(e){return\"-\"+e.toLowerCase()};function be(e){return ge.test(e)?e.replace(Se,Ee).replace(we,\"-ms-\"):e}var _e=function(e){return null==e||!1===e||\"\"===e};function Ne(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a1?t-1:0),r=1;r1?t-1:0),i=1;i?@[\\\\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Te(e){return e.replace(De,\"-\").replace(je,\"\")}var xe=function(e){return ee(ne(e)>>>0)};function ke(e){return\"string\"==typeof e&&(\"production\"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ve=function(e){return\"function\"==typeof e||\"object\"==typeof e&&null!==e&&!Array.isArray(e)},Be=function(e){return\"__proto__\"!==e&&\"constructor\"!==e&&\"prototype\"!==e};function ze(e,t,n){var r=e[n];Ve(t)&&Ve(r)?Me(r,t):e[n]=t}function Me(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r=0||(o[n]=e[n]);return o}(t,[\"componentId\"]),s=r&&r+\"-\"+(ke(e)?e:Te(_(e)));return qe(e,v({},o,{attrs:S,componentId:s}),n)},Object.defineProperty(C,\"defaultProps\",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Me({},e.defaultProps,t):t}}),\"production\"!==process.env.NODE_ENV&&(Oe(f,g),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of \"'+t+'\"':\"\";console.warn(\"Over 200 classes were generated for component \"+e+s+\".\\nConsider using the attrs method, together with a style object for frequently changed styles.\\nExample:\\n const Component = styled.div.attrs(props => ({\\n style: {\\n background: props.background,\\n },\\n }))`width: 100%;`\\n\\n \"),r=!0,n={}}}}(f,g)),C.toString=function(){return\".\"+C.styledComponentId},i&&y(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var He=function(e){return function e(t,r,o){if(void 0===o&&(o=E),!n(r))return j(1,String(r));var s=function(){return t(r,o,Ce.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,v({},o,{},n))},s.attrs=function(n){return e(t,r,v({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(qe,e)};[\"a\",\"abbr\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"base\",\"bdi\",\"bdo\",\"big\",\"blockquote\",\"body\",\"br\",\"button\",\"canvas\",\"caption\",\"cite\",\"code\",\"col\",\"colgroup\",\"data\",\"datalist\",\"dd\",\"del\",\"details\",\"dfn\",\"dialog\",\"div\",\"dl\",\"dt\",\"em\",\"embed\",\"fieldset\",\"figcaption\",\"figure\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"head\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"iframe\",\"img\",\"input\",\"ins\",\"kbd\",\"keygen\",\"label\",\"legend\",\"li\",\"link\",\"main\",\"map\",\"mark\",\"marquee\",\"menu\",\"menuitem\",\"meta\",\"meter\",\"nav\",\"noscript\",\"object\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"param\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"script\",\"section\",\"select\",\"small\",\"source\",\"span\",\"strong\",\"style\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"title\",\"tr\",\"track\",\"u\",\"ul\",\"var\",\"video\",\"wbr\",\"circle\",\"clipPath\",\"defs\",\"ellipse\",\"foreignObject\",\"g\",\"image\",\"line\",\"linearGradient\",\"marker\",\"mask\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialGradient\",\"rect\",\"stop\",\"svg\",\"text\",\"textPath\",\"tspan\"].forEach((function(e){He[e]=He(e)}));var $e=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=re(e),Z.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(Ne(this.rules,t,n,r).join(\"\"),\"\"),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&Z.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}();function We(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o meta tag to the stylesheet, or simply embedding it manually in your index.html section for a simpler app.\"),t.server&&h(l,e,t,o,n),d((function(){if(!t.server)return h(l,e,t,o,n),function(){return u.removeStyles(l,t)}}),[l,e,t,o,n]),null}function h(e,t,n,r,o){if(u.isStatic)u.renderStyles(e,O,n,o);else{var s=v({},t,{theme:Re(t,r,l.defaultProps)});u.renderStyles(e,s,n,o)}}return\"production\"!==process.env.NODE_ENV&&Oe(a),r.memo(l)}function Ue(e){\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.\");for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r\"+t+\"\"},this.getStyleTags=function(){return e.sealed?j(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return j(2);var n=((t={})[A]=\"\",t[\"data-styled-version\"]=\"5.3.6\",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=q();return o&&(n.nonce=o),[r.createElement(\"style\",v({},n,{key:\"sc-0-0\"}))]},this.seal=function(){e.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?j(2):r.createElement(ye,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return j(3)},e}(),Xe=function(e){var t=r.forwardRef((function(t,n){var o=s(Ge),i=e.defaultProps,a=Re(t,o,i);return\"production\"!==process.env.NODE_ENV&&void 0===a&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"'+_(e)+'\"'),r.createElement(e,v({},t,{theme:a,ref:n}))}));return y(t,e),t.displayName=\"WithTheme(\"+_(e)+\")\",t},Ze=function(){return s(Ge)},Ke={StyleSheet:Z,masterSheet:he};\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"It looks like you've imported 'styled-components' on React Native.\\nPerhaps you're looking to import 'styled-components/native'?\\nRead more about this at https://www.styled-components.com/docs/basics#react-native\"),\"production\"!==process.env.NODE_ENV&&\"test\"!==process.env.NODE_ENV&&\"undefined\"!=typeof window&&(window[\"__styled-components-init__\"]=window[\"__styled-components-init__\"]||0,1===window[\"__styled-components-init__\"]&&console.warn(\"It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\\n\\nSee https://s-c.sh/2BAXzed for more info.\"),window[\"__styled-components-init__\"]+=1);export default He;export{Je as ServerStyleSheet,le as StyleSheetConsumer,ue as StyleSheetContext,ye as StyleSheetManager,Le as ThemeConsumer,Ge as ThemeContext,Fe as ThemeProvider,Ke as __PRIVATE__,We as createGlobalStyle,Ce as css,N as isStyledComponent,Ue as keyframes,Ze as useTheme,C as version,Xe as withTheme};\n//# sourceMappingURL=styled-components.browser.esm.js.map\n","export function pipe(...functions: Array<(arg: T) => T>) {\n return (data: T) => functions.reduce((acc, func) => func(acc), data);\n}\n","export const WHITE = '#fff';\nexport const GREEN = '#00bda5';\nexport const GREY = '#cbd6e2';\n\nexport const DEFAULT_PRIMARY_COLOR = '#f15f79';\nexport const DEFAULT_TEXT_COLOR = '#33475b';\nexport const DEFAULT_ERROR_TEXT_COLOR = '#f2545b';\nexport const DISABLED_BACKGROUND_COLOR = '#eaf0f6';\nexport const DISABLED_TEXT_COLOR = '#b0c1d4';\n\nexport const DEFAULT_HELP_TEXT_COLOR = '#425b76';\nexport const DEFAULT_PLACEHOLDER_TEXT_COLOR = '#7b98b6';\n\nexport const DEFAULT_INPUT_BORDER_COLOR = '#cbd6e2';\nexport const DEFAULT_INPUT_BACKGROUND_COLOR = '#f5f8fa';\n\nexport const DEFAULT_HAPPY_COLOR = '#a2d28f';\nexport const DEFAULT_NEUTRAL_COLOR = '#fea58e';\nexport const DEFAULT_SAD_COLOR = '#ea90b1';\n\nexport const DEFAULT_TOOLTIP_BACKGROUND_COLOR = '#425b76';\nexport const DEFAULT_TOOLTIP_TEXT_COLOR = WHITE;\n","export const curryable = (func: Function) => {\n const curry: Function = (...args: any[]) => {\n return args.length >= func.length\n ? func.apply(null, args)\n : curry.bind(null, ...args);\n };\n return curry;\n};\n","import { DefaultTheme } from 'styled-components';\nimport { curryable } from '../utils/curryable';\n\nexport const getThemeProperty = curryable(\n (key: keyof DefaultTheme, theme: DefaultTheme) => {\n if (typeof theme !== 'object' || theme === null) {\n throw new Error(\n `Error getting '${key}': the theme for VizExComponents has not been defined. Please provide a theme through the component props or styled-components ThemeProvider.`\n );\n }\n if (!theme[key]) {\n throw new Error(\n `Error getting '${key}': the property was not defined on theme.`\n );\n }\n return theme[key];\n }\n);\n\nexport const setThemeProperty = curryable(\n (key: keyof DefaultTheme, value: any, theme: DefaultTheme) => ({\n ...theme,\n [key]: value,\n })\n);\n\nexport const getPrimaryColor = getThemeProperty('primary');\nexport const setPrimaryColor = setThemeProperty('primary');\n\nexport const getTextColor = getThemeProperty('text');\nexport const setTextColor = setThemeProperty('text');\n\nexport const getTextOnPrimaryColor = getThemeProperty('textOnPrimary');\nexport const setTextOnPrimaryColor = setThemeProperty('textOnPrimary');\n\nexport const getErrorTextColor = getThemeProperty('errorText');\nexport const setErrorTextColor = setThemeProperty('errorText');\n\nexport const getDisabledBackgroundColor =\n getThemeProperty('disabledBackground');\nexport const setDisabledBackgroundColor =\n setThemeProperty('disabledBackground');\n\nexport const getDisabledTextColor = getThemeProperty('disabledText');\nexport const setDisabledTextColor = setThemeProperty('disabledText');\n\nexport const setPlaceholderTextColor = setThemeProperty('placeholderText');\nexport const getPlaceholderTextColor = getThemeProperty('placeholderText');\n\nexport const getInputBorderColor = getThemeProperty('inputBorder');\nexport const setInputBorderColor = setThemeProperty('inputBorder');\n\nexport const getInputBackgroundColor = getThemeProperty('inputBackground');\nexport const setInputBackgroundColor = setThemeProperty('inputBackground');\n\nexport const setHelpTextColor = setThemeProperty('helpText');\nexport const getHelpTextColor = getThemeProperty('helpText');\n","import {\n setThemeProperty,\n getThemeProperty,\n} from \"../../theme/defaultThemeOperators\";\nexport const getSadColor = getThemeProperty(\"sadColor\");\nexport const getNeutralColor = getThemeProperty(\"neutralColor\");\nexport const getHappyColor = getThemeProperty(\"happyColor\");\nexport const setSadColor = setThemeProperty(\"sadColor\");\nexport const setNeutralColor = setThemeProperty(\"neutralColor\");\nexport const setHappyColor = setThemeProperty(\"happyColor\");\n","'use es6';\n\nimport {\n DEFAULT_TOOLTIP_BACKGROUND_COLOR,\n DEFAULT_TOOLTIP_TEXT_COLOR,\n} from '../../theme/ColorConstants';\nimport {\n getThemeProperty,\n setThemeProperty,\n} from '../../theme/defaultThemeOperators';\n\n// Override\nexport const getTooltipBackgroundColor =\n getThemeProperty('tooltipBackground') || DEFAULT_TOOLTIP_BACKGROUND_COLOR;\nexport const setTooltipBackgroundColor = setThemeProperty('tooltipBackground');\n\nexport const getTooltipTextColor =\n getThemeProperty('tooltipText') || DEFAULT_TOOLTIP_TEXT_COLOR;\nexport const setTooltipTextColor = setThemeProperty('tooltipText');\n","import { css } from 'styled-components';\n\nexport const focusRing = css`\n outline-offset: 1px;\n outline: 2px solid #00a4bd;\n`;\n","export const hexToRGB = (hexColorValue: string) => {\n let colorValue = hexColorValue.slice(1);\n\n if (colorValue.length === 3) {\n colorValue = colorValue.replace(/(.)/g, '$1$1');\n }\n\n const r = parseInt(colorValue.substr(0, 2), 16);\n const g = parseInt(colorValue.substr(2, 2), 16);\n const b = parseInt(colorValue.substr(4, 2), 16);\n return {\n r,\n g,\n b,\n };\n};\n","/* hs-eslint ignored failing-rules */\n/* eslint-disable no-bitwise */\n\nimport { hexToRGB } from './hexToRGB';\n\nexport const adjustLuminance = (\n colorHex: string,\n luminanceShiftPercentage: number\n) => {\n const { r, g, b } = hexToRGB(colorHex);\n\n const newRedColor =\n 0 | ((1 << 8) + r + ((256 - r) * luminanceShiftPercentage) / 100);\n const redHex = `0${newRedColor.toString(16).substr(1)}`.substr(-2);\n\n const newGreenColor =\n 0 | ((1 << 8) + g + ((256 - g) * luminanceShiftPercentage) / 100);\n const greenHex = `0${newGreenColor.toString(16).substr(1)}`.substr(-2);\n\n const newBlueColor =\n 0 | ((1 << 8) + b + ((256 - b) * luminanceShiftPercentage) / 100);\n const blueHex = `0${newBlueColor.toString(16).substr(1)}`.substr(-2);\n\n return `#${redHex}${greenHex}${blueHex}`;\n};\n","export const MEDIUM = \"md\";\nexport const EXTRA_SMALL = \"xs\";\nexport const SMALL = \"sm\";\nexport const EXTRA_EXTRA_SMALL = \"xxs\";\nexport const LARGE = \"lg\";\nexport const EXTRA_LARGE = \"xl\";\n","import { EXTRA_SMALL, MEDIUM, SMALL } from '../../constants/sizes';\n\nexport const BUTTON_SIZES = {\n [EXTRA_SMALL]: 18,\n [SMALL]: 28,\n [MEDIUM]: 40,\n};\n\nexport const BUTTON_PADDINGS = {\n [EXTRA_SMALL]: '4px 8px',\n [SMALL]: '8px 16px',\n [MEDIUM]: '11px 24px',\n};\n\nexport const BUTTON_FONT_SIZES = {\n [EXTRA_SMALL]: '10px',\n [SMALL]: '12px',\n [MEDIUM]: '14px',\n};\n","import { css } from 'styled-components';\nimport { ThemeConfig } from '../../theme/styled';\nimport { focusRing } from '../../utils/mixins';\nimport { adjustLuminance } from '../../utils/adjustLuminance';\nimport { VizExButtonProps } from '../VizExButton';\nimport { BUTTON_PADDINGS, BUTTON_FONT_SIZES } from '../constants/ButtonSizes';\n\nexport const buttonTheme = {\n baseStyle: css`\n padding: ${({ size }) => BUTTON_PADDINGS[size]};\n font-size: ${({ size }) => BUTTON_FONT_SIZES[size]};\n flex-shrink: 0;\n border-radius: 3px;\n line-height: 16px;\n outline: none;\n transition: background-color 150ms ease-out;\n border-style: solid;\n border-width: 1px;\n cursor: pointer;\n text-align: center;\n word-break: normal;\n overflow-wrap: break-word;\n background-color: transparent;\n ${({ theme, use }) =>\n use === 'primary'\n ? `\n background-color: ${theme.primary};\n border: none;\n color: ${theme.textOnPrimary};\n `\n : `\n background-color: transparent;\n border-color: ${theme.primary};\n color: ${theme.primary};\n `}\n `,\n _disabled: css`\n background-color: ${({ theme }) => theme.disabledBackground};\n border: none;\n color: ${({ theme }) => theme.disabledText};\n cursor: not-allowed;\n user-select: none;\n `,\n _focused: focusRing,\n _hovered: css`\n ${({ theme, use }) =>\n `background-color: ${adjustLuminance(\n theme.primary,\n use === 'primary' ? 20 : 95\n )};`}\n `,\n _pressed: css`\n ${({ theme, use }) =>\n `background-color: ${adjustLuminance(\n theme.primary,\n use === 'primary' ? -10 : 90\n )};`}\n `,\n} as ThemeConfig['components']['Button'];\n","import { hexToRGB } from './hexToRGB';\nexport const hexToRgba = (hexColor: string, opacity = 1) => {\n const { r, g, b } = hexToRGB(hexColor);\n return `rgba(${r}, ${g}, ${b}, ${opacity})`;\n};\n","export const PRIMARY = 'primary';\nexport const TRANSPARENT_ON_BACKGROUND = 'transparent-on-background';\nexport const TRANSPARENT_ON_PRIMARY = 'transparent-on-primary';\n","import { css } from 'styled-components';\nimport { ThemeConfig } from '../../theme/styled';\nimport { focusRing } from '../../utils/mixins';\nimport { CIRCLE } from '../constants/IconButtonShapes';\nimport { BUTTON_SIZES } from '../constants/ButtonSizes';\nimport { VizExIconButtonProps } from '../VizExIconButton';\nimport { adjustLuminance } from '../../utils/adjustLuminance';\nimport { hexToRgba } from '../../utils/hexToRgba';\nimport {\n TRANSPARENT_ON_PRIMARY,\n TRANSPARENT_ON_BACKGROUND,\n} from '../constants/IconButtonUses';\n\nexport const iconButtonTheme = {\n baseStyle: css`\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: ${({ shape }) => (shape === CIRCLE ? '50%' : '3px')};\n width: ${({ size }) => BUTTON_SIZES[size] || 40}px;\n height: ${({ size }) => BUTTON_SIZES[size] || 40}px;\n vertical-align: middle;\n padding: 0;\n text-align: center;\n text-overflow: clip;\n font-size: 18px;\n line-height: 18px;\n outline: none;\n transition: background-color 150ms ease-out;\n border: none;\n ${({ use, theme }) =>\n use === TRANSPARENT_ON_BACKGROUND || use === TRANSPARENT_ON_PRIMARY\n ? `background-color: transparent;`\n : `background-color: ${theme.primary};`}\n ${({ use, theme }) =>\n use === TRANSPARENT_ON_BACKGROUND\n ? `color: ${theme.transparentOnBackgroundIconButton || theme.primary};`\n : `color: ${theme.textOnPrimary};`}\n > * {\n user-select: none;\n }\n `,\n _disabled: css`\n ${({ theme, use }) => `\n background-color: ${\n use === TRANSPARENT_ON_BACKGROUND || use === TRANSPARENT_ON_PRIMARY\n ? 'transparent'\n : theme.disabledBackground\n };\n `}\n color: ${({ theme }) => theme.disabledText};\n cursor: not-allowed;\n `,\n _focused: focusRing,\n _hovered: css`\n ${({ theme, use }) => {\n if (use === TRANSPARENT_ON_BACKGROUND) {\n return `background-color: ${hexToRgba(\n theme.transparentOnBackgroundIconButton || theme.primary,\n 0.1\n )};`;\n }\n if (use === TRANSPARENT_ON_PRIMARY) {\n return `background-color: ${hexToRgba(theme.textOnPrimary, 0.1)};`;\n }\n return `background-color: ${adjustLuminance(theme.primary, 20)};`;\n }}\n `,\n _pressed: css`\n ${({ theme, use }) => {\n if (use === TRANSPARENT_ON_BACKGROUND) {\n return `background-color: ${hexToRgba(\n theme.transparentOnBackgroundIconButton || theme.primary,\n 0.4\n )};`;\n }\n if (use === TRANSPARENT_ON_PRIMARY) {\n return `background-color: ${hexToRgba(theme.textOnPrimary, 0.4)};`;\n }\n return `background-color: ${adjustLuminance(theme.primary, -10)};`;\n }}\n `,\n} as ThemeConfig['components']['IconButton'];\n","export const CIRCLE = 'circle';\nexport const DEFAULT = 'default';\n","export const ON_BRIGHT = 'on-bright';\nexport const DEFAULT = 'default';\nexport const ERROR = 'error';\n","import { css } from 'styled-components';\nimport { ThemeConfig } from '../../theme/styled';\nimport { focusRing } from '../../utils/mixins';\nimport { adjustLuminance } from '../../utils/adjustLuminance';\nimport { VizExLinkProps } from '../VizExLink';\nimport { ON_BRIGHT, ERROR } from '../constants/LinkVariations';\n\nconst getLinkColor = ({ use, theme }: VizExLinkProps) => {\n if (use === ON_BRIGHT) return theme.text;\n if (use === ERROR) return theme.errorText;\n return theme.linkText || theme.primary;\n};\n\nexport const linkTheme = {\n baseStyle: css`\n cursor: pointer;\n text-decoration: none;\n transition: all 0.15s ease-out;\n font-weight: 400;\n color: ${getLinkColor};\n ${({ use }) => use === ON_BRIGHT && `text-decoration: underline;`}\n ${({ use }) => use === ERROR && `font-weight: bold;`}\n `,\n _hovered: css`\n color: ${({ use, theme }) =>\n adjustLuminance(getLinkColor({ use, theme }), -30)};\n text-decoration: underline;\n `,\n _focused: focusRing,\n _pressed: css`\n color: ${({ use, theme }) =>\n adjustLuminance(getLinkColor({ use, theme }), 30)};\n `,\n} as ThemeConfig['components']['Link'];\n","import { css } from 'styled-components';\n\nimport { VizExListItemButtonProps } from '../VizExListItemButton';\nimport { ThemeConfig } from '../../theme/styled';\nimport { focusRing } from '../../utils/mixins';\n\nexport const listItemButtonTheme = {\n baseStyle: css`\n display: block;\n width: 100%;\n font-size: 14px;\n text-align: left;\n text-decoration: none;\n background-color: transparent;\n transition: background-color 150ms ease-out;\n border: none;\n min-height: 40px;\n color: ${({ theme }) => theme.text};\n ${({ alignItems }) => alignItems && `align-items: ${alignItems};`}\n padding: 0;\n ${({ disablePadding }) =>\n !disablePadding && `padding-left: 10px; padding-right: 10px;`}\n ${({ disableGutters }) =>\n !disableGutters && `padding-top: 10px; padding-bottom: 10px;`}\n `,\n _hovered: css`\n background-color: rgba(0, 0, 0, 0.08);\n `,\n _focused: css`\n ${focusRing}\n outline-offset: -2px;\n `,\n _pressed: css`\n background-color: rgba(0, 0, 0, 0.16);\n `,\n} as ThemeConfig['components']['ListItemButton'];\n","import { css } from 'styled-components';\n\nimport { VizExListProps } from '../VizExList';\nimport { ThemeConfig } from '../../theme/styled';\n\nexport const listTheme = {\n baseStyle: css`\n margin: 0;\n padding: 0;\n position: relative;\n `,\n} as ThemeConfig['components']['List'];\n","import {\n DEFAULT_PRIMARY_COLOR,\n DEFAULT_TEXT_COLOR,\n DEFAULT_ERROR_TEXT_COLOR,\n DISABLED_BACKGROUND_COLOR,\n DISABLED_TEXT_COLOR,\n WHITE,\n DEFAULT_PLACEHOLDER_TEXT_COLOR,\n DEFAULT_INPUT_BACKGROUND_COLOR,\n DEFAULT_INPUT_BORDER_COLOR,\n DEFAULT_HELP_TEXT_COLOR,\n DEFAULT_SAD_COLOR,\n DEFAULT_NEUTRAL_COLOR,\n DEFAULT_HAPPY_COLOR,\n} from './ColorConstants';\nimport { ThemeConfig } from './styled';\nimport { buttonTheme } from '../button/theme/buttonTheme';\nimport { iconButtonTheme } from '../button/theme/iconButtonTheme';\nimport { linkTheme } from '../link/theme/linkTheme';\nimport { listItemButtonTheme } from '../list/theme/listItemButtonTheme';\nimport { listTheme } from '../list/theme/listTheme';\n\nexport const colors = {\n primary: DEFAULT_PRIMARY_COLOR,\n text: DEFAULT_TEXT_COLOR,\n textOnPrimary: WHITE,\n errorText: DEFAULT_ERROR_TEXT_COLOR,\n disabledBackground: DISABLED_BACKGROUND_COLOR,\n disabledText: DISABLED_TEXT_COLOR,\n placeholderText: DEFAULT_PLACEHOLDER_TEXT_COLOR,\n inputBorder: DEFAULT_INPUT_BORDER_COLOR,\n inputBackground: DEFAULT_INPUT_BACKGROUND_COLOR,\n helpText: DEFAULT_HELP_TEXT_COLOR,\n happyColor: DEFAULT_HAPPY_COLOR,\n neutralColor: DEFAULT_NEUTRAL_COLOR,\n sadColor: DEFAULT_SAD_COLOR,\n};\n\nexport const components = {\n Button: buttonTheme,\n IconButton: iconButtonTheme,\n Link: linkTheme,\n List: listTheme,\n ListItemButton: listItemButtonTheme,\n};\n\nexport const defaultTheme = {\n ...colors, // will refactor out colors from here to the new colors key in the future\n colors,\n components,\n} as ThemeConfig;\n","import { ThemeConfig, ThemeFactoryConfig } from './styled';\nimport {\n colors as defaultColors,\n components as defaultComponents,\n} from './defaultTheme';\nimport { mergeDeep } from '../utils/mergeDeep';\nimport { css, DefaultTheme } from 'styled-components';\n\nexport type CSS = ReturnType;\nexport type InteractionStyles = {\n _disabled: CSS;\n _focused: CSS;\n _hovered: CSS;\n _pressed: CSS;\n};\n\nexport const wrapWithSelector = (selector: string, style: CSS) =>\n css`\n ${selector} {\n ${style}\n }\n `;\nexport function getComponentStyles>({\n baseStyle,\n _disabled,\n _focused,\n _hovered,\n _pressed,\n}: Partial & { baseStyle?: CSS }) {\n return css`\n ${baseStyle}\n ${({ disabled }) => (disabled ? _disabled : '')}\n ${({ focused }) => (focused ? _focused : '')}\n ${({ hovered }) => (hovered ? _hovered : '')}\n ${({ pressed }) => (pressed ? _pressed : '')}\n ${_disabled && wrapWithSelector('&:disabled', _disabled)}\n ${_focused && wrapWithSelector('&:focus-visible', _focused)}\n ${_hovered &&\n wrapWithSelector(_disabled ? '&:hover:enabled' : '&:hover', _hovered)}\n ${_pressed &&\n wrapWithSelector(_disabled ? '&:active:enabled' : '&:active', _pressed)}\n `;\n}\nexport const computeComponentStyles = (components: ThemeConfig['components']) =>\n Object.entries(components || {}).reduce((acc, [component, styleProps]) => {\n return {\n ...acc,\n [component]: {\n style: css>`\n ${getComponentStyles(styleProps)}\n `,\n },\n };\n }, {}) as DefaultTheme['components'];\n\n/**\n * Creates the theme object to customize the components based on the passed overrides.\n *\n * @param overrides A theme configuration object to merge/override the default values.\n * @returns The theme object used internally by the component library.\n */\nexport const createThemeV2 = (\n overrides: ThemeFactoryConfig = {}\n): DefaultTheme => {\n const mergedColors = overrides.colors\n ? mergeDeep(defaultColors, overrides.colors)\n : defaultColors;\n\n return {\n ...mergedColors,\n colors: mergedColors,\n components: computeComponentStyles(\n overrides.components\n ? mergeDeep(defaultComponents, overrides.components)\n : defaultComponents\n ),\n };\n};\n","import { pipe } from '../utils/pipe';\nimport {\n DEFAULT_PRIMARY_COLOR,\n DEFAULT_TEXT_COLOR,\n DEFAULT_ERROR_TEXT_COLOR,\n DISABLED_BACKGROUND_COLOR,\n DISABLED_TEXT_COLOR,\n WHITE,\n DEFAULT_PLACEHOLDER_TEXT_COLOR,\n DEFAULT_INPUT_BACKGROUND_COLOR,\n DEFAULT_INPUT_BORDER_COLOR,\n DEFAULT_HELP_TEXT_COLOR,\n DEFAULT_SAD_COLOR,\n DEFAULT_NEUTRAL_COLOR,\n DEFAULT_HAPPY_COLOR,\n DEFAULT_TOOLTIP_BACKGROUND_COLOR,\n DEFAULT_TOOLTIP_TEXT_COLOR,\n} from './ColorConstants';\nimport {\n setPrimaryColor,\n setTextColor,\n setErrorTextColor,\n setDisabledBackgroundColor,\n setDisabledTextColor,\n setTextOnPrimaryColor,\n setPlaceholderTextColor,\n setInputBackgroundColor,\n setInputBorderColor,\n setHelpTextColor,\n} from './defaultThemeOperators';\nimport {\n setNeutralColor,\n setSadColor,\n setHappyColor,\n} from '../ratings/theme/VizExCsatRatingThemeOperator';\nimport {\n setTooltipBackgroundColor,\n setTooltipTextColor,\n} from '../tooltip/theme/tooltipThemeOperators';\nimport { DefaultTheme } from 'styled-components';\nimport { components as defaultComponents } from './defaultTheme';\nimport { computeComponentStyles } from './createThemeV2';\n\nexport const createTheme = (...themeOperatorOverrides: any[]) =>\n pipe(\n setPrimaryColor(DEFAULT_PRIMARY_COLOR),\n setTextColor(DEFAULT_TEXT_COLOR),\n setErrorTextColor(DEFAULT_ERROR_TEXT_COLOR),\n setDisabledBackgroundColor(DISABLED_BACKGROUND_COLOR),\n setDisabledTextColor(DISABLED_TEXT_COLOR),\n setTextOnPrimaryColor(WHITE),\n setPlaceholderTextColor(DEFAULT_PLACEHOLDER_TEXT_COLOR),\n setInputBackgroundColor(DEFAULT_INPUT_BACKGROUND_COLOR),\n setInputBorderColor(DEFAULT_INPUT_BORDER_COLOR),\n setHelpTextColor(DEFAULT_HELP_TEXT_COLOR),\n setSadColor(DEFAULT_SAD_COLOR),\n setNeutralColor(DEFAULT_NEUTRAL_COLOR),\n setHappyColor(DEFAULT_HAPPY_COLOR),\n setTooltipBackgroundColor(DEFAULT_TOOLTIP_BACKGROUND_COLOR),\n setTooltipTextColor(DEFAULT_TOOLTIP_TEXT_COLOR),\n ...themeOperatorOverrides\n )({\n components: computeComponentStyles(defaultComponents),\n }) as DefaultTheme;\n","import { useRef, useEffect } from \"react\";\n\nexport const useAutoFocus = () => {\n const inputRef = useRef(null);\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n }, []);\n return inputRef;\n};\n","import PropTypes from 'prop-types';\n\nconst themePropType = PropTypes.object;\n\nexport default themePropType;\n","import PropTypes from 'prop-types';\n\nexport type InteractionProps = {\n disabled?: boolean;\n focused?: boolean;\n hovered?: boolean;\n pressed?: boolean;\n};\n\nexport const interactionPropTypes = {\n disabled: PropTypes.bool,\n focused: PropTypes.bool,\n hovered: PropTypes.bool,\n pressed: PropTypes.bool,\n};\n\nexport type PolymorphicRef<\n C extends React.ElementType\n> = React.ComponentPropsWithRef['ref'];\n","export const PRIMARY = 'primary';\nexport const SECONDARY = 'secondary';\nexport const TRANSPARENT_ON_PRIMARY = 'transparent-on-primary';\n","import PropTypes from 'prop-types';\nimport { ReactNode, MouseEventHandler, ButtonHTMLAttributes } from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\nimport { MEDIUM } from '../constants/sizes';\nimport themePropType from '../utils/themePropType';\nimport { interactionPropTypes, InteractionProps } from '../utils/types';\nimport { BUTTON_SIZES } from './constants/ButtonSizes';\nimport * as ButtonUses from './constants/ButtonUses';\n\nconst defaultProps = {\n use: ButtonUses.SECONDARY,\n size: MEDIUM,\n};\n\nexport type VizExButtonProps = {\n children?: ReactNode;\n onClick?: MouseEventHandler;\n size: keyof typeof BUTTON_SIZES;\n theme?: DefaultTheme;\n use: 'primary' | 'secondary' | 'transparent-on-primary';\n} & InteractionProps &\n typeof defaultProps &\n ButtonHTMLAttributes;\n\nconst AbstractVizExButton = styled.button`\n ${({ theme }) => theme.components.Button.style}\n`;\n\nconst NoSelect = styled.div`\n user-select: none;\n`;\n\nconst VizExButton = (props: VizExButtonProps) => {\n const { children, ...rest } = props;\n\n return (\n \n {children} \n \n );\n};\n\nVizExButton.displayName = 'VizExButton';\n\nVizExButton.propTypes = {\n children: PropTypes.node,\n onClick: PropTypes.func,\n size: PropTypes.oneOf(Object.keys(BUTTON_SIZES)),\n theme: themePropType,\n use: PropTypes.oneOf(Object.values(ButtonUses)),\n ...interactionPropTypes,\n};\n\nVizExButton.defaultProps = defaultProps;\n\nexport default VizExButton;\n","export const DEFAULT = \"default\";\nexport const ON_DARK = \"on-dark\";\n","\"use es6\";\n\nimport {\n getDisabledBackgroundColor,\n getDisabledTextColor,\n getPlaceholderTextColor,\n getPrimaryColor,\n} from \"../../theme/defaultThemeOperators\";\nimport { WHITE } from \"../../theme/ColorConstants\";\n\nexport const getInputDisabledBackgroundColor = getDisabledBackgroundColor;\nexport const getInputDisabledTextColor = getDisabledTextColor;\nexport const getInputPlaceholderColor = getPlaceholderTextColor;\nexport const getInputFocusColor = getPrimaryColor;\n\nexport const getInputOnDarkBackgroundColor = () => WHITE;\n","\"use es6\";\n\nimport PropTypes from \"prop-types\";\nimport styled, { css } from \"styled-components\";\nimport themePropType from \"../utils/themePropType\";\nimport { ON_DARK, DEFAULT } from \"./constants/InputVariations\";\nimport { getBodyTypographyStyles } from \"../typography/utils/getBodyTypographyStyles\";\nimport {\n getInputOnDarkBackgroundColor,\n getInputDisabledBackgroundColor,\n getInputDisabledTextColor,\n getInputPlaceholderColor,\n getInputFocusColor,\n} from \"./theme/inputThemeOperators\";\nimport {\n getInputBorderColor,\n getInputBackgroundColor,\n} from \"../theme/defaultThemeOperators\";\nimport { forwardRef } from \"react\";\n\nconst getContainerVariationStyles = ({ theme, use }) => {\n switch (use) {\n case ON_DARK:\n return css`\n background-color: ${getInputOnDarkBackgroundColor(theme)};\n `;\n case DEFAULT:\n default:\n return null;\n }\n};\n\nconst getContainerDisabledStyles = ({ theme }) => css`\n cursor: not-allowed;\n background-color: ${getInputDisabledBackgroundColor(theme)};\n`;\n\nconst getInputDisabledStyles = ({ theme }) => css`\n color: ${getInputDisabledTextColor(theme)};\n cursor: not-allowed;\n &::after {\n color: ${getInputDisabledTextColor(theme)};\n }\n`;\n\nconst StyledTextInput = styled.input`\n ${getBodyTypographyStyles};\n height: 100%;\n width: 100%;\n line-height: 22px;\n font-size: 16px;\n padding-left: 10px;\n padding-right: 10px;\n border: none;\n border-radius: 3px;\n background: transparent;\n ${(props) => props.disabled && getInputDisabledStyles(props)};\n\n :focus {\n outline: none;\n }\n\n ::placeholder {\n color: ${({ theme }) => getInputPlaceholderColor(theme)};\n }\n`;\n\nconst InputContainer = styled.div`\n height: 42px;\n line-height: 22px;\n font-size: 16px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border: 1px solid;\n border-color: ${({ theme, focus }) =>\n focus ? getInputFocusColor(theme) : getInputBorderColor(theme)};\n background-color: ${({ theme }) => getInputBackgroundColor(theme)};\n\n :focus-within {\n border-color: ${({ theme }) => getInputFocusColor(theme)};\n }\n\n border-radius: 3px;\n ${getContainerVariationStyles}\n ${(props) => props.disabled && getContainerDisabledStyles(props)};\n`;\n\nconst VizExInput = forwardRef((props, ref) => {\n const {\n suffix,\n prefix,\n disabled,\n placeholder,\n value,\n onChange,\n containerStyles,\n theme,\n use,\n focus,\n ...rest\n } = props;\n return (\n \n {prefix}\n \n {suffix}\n \n );\n});\n\nVizExInput.displayName = \"VizExInput\";\nVizExInput.defaultProps = {\n placeholder: \"\",\n};\nVizExInput.propTypes = {\n containerStyles: PropTypes.object,\n disabled: PropTypes.bool,\n focus: PropTypes.bool,\n onChange: PropTypes.func,\n onInput: PropTypes.func,\n placeholder: PropTypes.string,\n prefix: PropTypes.node,\n suffix: PropTypes.node,\n theme: themePropType,\n use: PropTypes.oneOf([DEFAULT, ON_DARK]),\n value: PropTypes.string,\n};\nexport default VizExInput;\n","\"use es6\";\n\nimport { css } from \"styled-components\";\nimport { getTextColor } from \"../../theme/defaultThemeOperators\";\n\nexport const getBodyTypographyStyles = ({ theme }) => css`\n font-family: Helvetica, Arial, sans-serif;\n font-weight: 400;\n font-size: 14px;\n color: ${getTextColor(theme)};\n line-height: 24px;\n`;\n","import PropTypes from 'prop-types';\nimport styled, { DefaultTheme } from 'styled-components';\nimport themePropType from '../utils/themePropType';\nimport { interactionPropTypes, InteractionProps } from '../utils/types';\nimport { ON_BRIGHT, DEFAULT, ERROR } from './constants/LinkVariations';\n\nconst defaultProps = {\n use: DEFAULT,\n};\n\nexport type VizExLinkProps = {\n children?: React.ReactNode;\n external?: boolean;\n href?: string;\n onClick?: React.MouseEventHandler;\n theme: DefaultTheme;\n use: typeof ON_BRIGHT | typeof DEFAULT | typeof ERROR;\n} & InteractionProps &\n typeof defaultProps &\n React.AnchorHTMLAttributes;\n\nconst StyledATag = styled.a`\n ${({ theme }) => theme.components.Link.style}\n`;\n\nconst VizExLink = (props: VizExLinkProps) => {\n return ;\n};\n\nVizExLink.displayName = 'VizExLink';\nVizExLink.propTypes = {\n children: PropTypes.node,\n external: PropTypes.bool,\n href: PropTypes.string,\n onClick: PropTypes.func,\n theme: themePropType,\n use: PropTypes.oneOf([ON_BRIGHT, DEFAULT, ERROR]),\n ...interactionPropTypes,\n};\nVizExLink.defaultProps = defaultProps;\n\nexport default VizExLink;\n","export const PLACEMENTS_HORIZ = ['left', 'right'];\nexport const PLACEMENTS_VERT = ['top', 'bottom'];\n\nexport const PLACEMENTS_SIDES = PLACEMENTS_HORIZ.concat(PLACEMENTS_VERT);\n\nexport const PLACEMENTS = PLACEMENTS_SIDES.concat([\n 'left top',\n 'left bottom',\n 'right top',\n 'right bottom',\n 'top left',\n 'top right',\n 'bottom left',\n 'bottom right',\n 'top center',\n 'bottom center',\n 'left middle',\n 'right middle',\n]);\n\nexport const OPPOSITE_DIRECTIONS = {\n top: 'bottom',\n bottom: 'top',\n left: 'right',\n right: 'left',\n middle: 'middle',\n center: 'center',\n};\n","'use es6';\n\nimport { PLACEMENTS_HORIZ } from '../constants/PlacementConstants';\n\nexport function getSide(placement) {\n return placement.split(' ')[0];\n}\n\nexport function isHoriz(direction) {\n return PLACEMENTS_HORIZ.includes(direction);\n}\n\nexport function getEdge(placement) {\n const specifiedEdge = placement.split(' ')[1];\n if (specifiedEdge) {\n return specifiedEdge;\n }\n\n return isHoriz(getSide(placement)) ? 'middle' : 'center';\n}\n","'use es6';\n\nimport styled from 'styled-components';\nimport { getArrowSpacing } from './utils/getArrowSpacing';\nimport { getTooltipBackgroundColor } from './theme/tooltipThemeOperators';\n\nconst VizExTooltipArrow = styled.div`\n position: absolute;\n pointer-events: none;\n border: none;\n clip-path: polygon(100% 100%, 0 100%, 100% 0);\n\n border-top-left-radius: 100%;\n border-radius: 3px;\n border-top-color: transparent !important;\n border-left-color: transparent !important;\n border-bottom-right-radius: 3px;\n\n width: 16px;\n height: 16px;\n background-color: ${({ theme }) => getTooltipBackgroundColor(theme)};\n ${getArrowSpacing}\n`;\n\nexport default VizExTooltipArrow;\n","'use es6';\n\nimport { getSide, getEdge } from './getPlacement';\nimport { css } from 'styled-components';\n\nconst ARROW_SIZE = 16;\nconst INSET = 8;\n\nconst getSideStyles = ({ placement }) => {\n switch (getSide(placement)) {\n case 'top':\n // Arrow points down\n return css`\n transform: rotate(45deg);\n top: -${ARROW_SIZE + 5}px;\n `;\n case 'right':\n // Arrow points left\n return css`\n transform: rotate(135deg);\n right: -${ARROW_SIZE + 5}px;\n `;\n case 'bottom':\n // Arrow points up\n return css`\n transform: rotate(-135deg);\n bottom: -${ARROW_SIZE + 5}px;\n `;\n case 'left':\n // Arrow points right\n return css`\n transform: rotate(-45deg);\n left: -${ARROW_SIZE + 5}px;\n `;\n default:\n return '';\n }\n};\n\nconst getEdgeStyles = ({ placement }) => {\n switch (getEdge(placement)) {\n case 'top':\n // Arrow is near the bottom of the left or right side\n return css`\n top: ${INSET}px;\n `;\n case 'middle':\n return css`\n top: calc(50% - ${ARROW_SIZE / 2}px);\n `;\n case 'bottom':\n // Arrow is near the top of the left or right side\n return css`\n bottom: ${INSET}px;\n `;\n case 'left':\n // Arrow is near the right of the top or bottom side\n return css`\n left: ${INSET}px;\n `;\n case 'center':\n return css`\n left: calc(50% - ${ARROW_SIZE / 2}px);\n `;\n case 'right':\n // Arrow is near the left of the top or bottom side\n return css`\n right: ${INSET}px;\n `;\n\n default:\n return '';\n }\n};\n\nexport const getArrowSpacing = ({ placement }) => css`\n ${getSideStyles({ placement })};\n ${getEdgeStyles({ placement })};\n`;\n","'use es6';\n\nimport styled from 'styled-components';\nimport { getBodySpacing } from './utils/getBodySpacing';\nimport {\n getTooltipBackgroundColor,\n getTooltipTextColor,\n} from './theme/tooltipThemeOperators';\n\nconst VizExTooltipBody = styled.div`\n border-radius: 3px;\n font-size: 13px;\n max-width: 232px;\n display: block;\n position: absolute;\n visibility: visible;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\n line-height: 1.5;\n padding: 10px 16px;\n text-decoration: none;\n word-wrap: break-word;\n ${getBodySpacing};\n white-space: nowrap;\n background-color: ${({ theme }) => getTooltipBackgroundColor(theme)};\n color: ${({ theme }) => getTooltipTextColor(theme)};\n pointer-events: ${({ open }) => (open ? 'all' : 'none')};\n`;\n\nexport default VizExTooltipBody;\n","'use es6';\n\nimport { getSide, getEdge } from './getPlacement';\nimport { css } from 'styled-components';\n\nconst ARROW_SIZE = 16;\n\nconst getEdgeStyles = ({ placement }) => {\n switch (getEdge(placement)) {\n case 'top':\n return css`\n top: 0;\n `;\n case 'bottom':\n return css`\n bottom: 0;\n `;\n case 'left':\n return css`\n left: 0;\n `;\n case 'right':\n return css`\n right: 0;\n `;\n\n default:\n return '';\n }\n};\n\nconst getSideStyles = ({ placement }) => {\n switch (getSide(placement)) {\n case 'top':\n return css`\n transform: translateY(-100%);\n top: -${ARROW_SIZE - 5}px;\n `;\n case 'right':\n return css`\n transform: translateX(100%);\n right: -${ARROW_SIZE - 5}px;\n `;\n case 'bottom':\n return css`\n transform: translateY(100%);\n bottom: -${ARROW_SIZE - 5}px;\n `;\n case 'left':\n return css`\n transform: translateX(-100%);\n left: -${ARROW_SIZE - 5}px;\n `;\n default:\n return '';\n }\n};\n\nconst getMiddleStyles = ({ placement }) => {\n switch (placement) {\n case 'top center':\n case 'top middle':\n return css`\n transform: translate(-50%, -100%);\n left: 50%;\n `;\n\n case 'bottom middle':\n case 'bottom center':\n return css`\n transform: translate(-50%, 100%);\n left: 50%;\n `;\n\n case 'left center':\n case 'left middle':\n return css`\n transform: translate(-100%, -50%);\n top: 50%;\n `;\n\n case 'right center':\n case 'right middle':\n return css`\n transform: translate(100%, -50%);\n top: 50%;\n `;\n\n default:\n return '';\n }\n};\n\nexport const getBodySpacing = ({ placement }) => css`\n ${getSideStyles({ placement })};\n ${getEdgeStyles({ placement })};\n ${getMiddleStyles({ placement })}\n`;\n","export const callIfValid = (func: Function, ...args: any[]) => {\n if (typeof func === 'function') func(...args);\n};\n","import {useControlledState as $4oA3P$useControlledState} from \"@react-stately/utils\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $fc909762b330b746$export$61c6a8c84e605fb6(props) {\n let [isOpen, setOpen] = (0, $4oA3P$useControlledState)(props.isOpen, props.defaultOpen || false, props.onOpenChange);\n return {\n isOpen: isOpen,\n setOpen: setOpen,\n open () {\n setOpen(true);\n },\n close () {\n setOpen(false);\n },\n toggle () {\n setOpen(!isOpen);\n }\n };\n}\n\n\n\n\nexport {$fc909762b330b746$export$61c6a8c84e605fb6 as useOverlayTriggerState};\n//# sourceMappingURL=module.js.map\n","import {useState as $6imuh$useState, useRef as $6imuh$useRef, useCallback as $6imuh$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {\n let [stateValue, setStateValue] = (0, $6imuh$useState)(value || defaultValue);\n let ref = (0, $6imuh$useRef)(value !== undefined);\n let wasControlled = ref.current;\n let isControlled = value !== undefined;\n // Internal state reference for useCallback\n let stateRef = (0, $6imuh$useRef)(stateValue);\n if (wasControlled !== isControlled) console.warn(`WARN: A component changed from ${wasControlled ? \"controlled\" : \"uncontrolled\"} to ${isControlled ? \"controlled\" : \"uncontrolled\"}.`);\n ref.current = isControlled;\n let setValue = (0, $6imuh$useCallback)((value, ...args)=>{\n let onChangeCaller = (value, ...onChangeArgs)=>{\n if (onChange) {\n if (!Object.is(stateRef.current, value)) onChange(value, ...onChangeArgs);\n }\n if (!isControlled) stateRef.current = value;\n };\n if (typeof value === \"function\") {\n console.warn(\"We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320\");\n // this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates\n // when someone using useControlledState calls setControlledState(myFunc)\n // this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc\n // if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning\n // otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same\n let updateFunction = (oldValue, ...functionArgs)=>{\n let interceptedValue = value(isControlled ? stateRef.current : oldValue, ...functionArgs);\n onChangeCaller(interceptedValue, ...args);\n if (!isControlled) return interceptedValue;\n return oldValue;\n };\n setStateValue(updateFunction);\n } else {\n if (!isControlled) setStateValue(value);\n onChangeCaller(value, ...args);\n }\n }, [\n isControlled,\n onChange\n ]);\n // If a controlled component's value prop changes, we need to update stateRef\n if (isControlled) stateRef.current = value;\n else value = stateValue;\n return [\n value,\n setValue\n ];\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /**\n * Takes a value and forces it to the closest min/max if it's outside. Also forces it to the closest valid step.\n */ function $9446cca9a3875146$export$7d15b64cf5a3a4c4(value, min = -Infinity, max = Infinity) {\n let newValue = Math.min(Math.max(value, min), max);\n return newValue;\n}\nfunction $9446cca9a3875146$export$cb6e0bb50bc19463(value, min, max, step) {\n let remainder = (value - (isNaN(min) ? 0 : min)) % step;\n let snappedValue = Math.abs(remainder) * 2 >= step ? value + Math.sign(remainder) * (step - Math.abs(remainder)) : value - remainder;\n if (!isNaN(min)) {\n if (snappedValue < min) snappedValue = min;\n else if (!isNaN(max) && snappedValue > max) snappedValue = min + Math.floor((max - min) / step) * step;\n } else if (!isNaN(max) && snappedValue > max) snappedValue = Math.floor(max / step) * step;\n // correct floating point behavior by rounding to step precision\n let string = step.toString();\n let index = string.indexOf(\".\");\n let precision = index >= 0 ? string.length - index : 0;\n if (precision > 0) {\n let pow = Math.pow(10, precision);\n snappedValue = Math.round(snappedValue * pow) / pow;\n }\n return snappedValue;\n}\nfunction $9446cca9a3875146$export$b6268554fba451f(value, digits, base = 10) {\n const pow = Math.pow(base, digits);\n return Math.round(value * pow) / pow;\n}\n\n\n\n\nexport {$458b0a5536c1a7cf$export$40bfa8c7b0832715 as useControlledState, $9446cca9a3875146$export$7d15b64cf5a3a4c4 as clamp, $9446cca9a3875146$export$cb6e0bb50bc19463 as snapValueToStep, $9446cca9a3875146$export$b6268554fba451f as toFixedNumber};\n//# sourceMappingURL=module.js.map\n","import {useMemo as $1OhDq$useMemo, useRef as $1OhDq$useRef, useEffect as $1OhDq$useEffect} from \"react\";\nimport {useOverlayTriggerState as $1OhDq$useOverlayTriggerState} from \"@react-stately/overlays\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nconst $8796f90736e175cb$var$TOOLTIP_DELAY = 1500; // this seems to be a 1.5 second delay, check with design\nconst $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;\nlet $8796f90736e175cb$var$tooltips = {};\nlet $8796f90736e175cb$var$tooltipId = 0;\nlet $8796f90736e175cb$var$globalWarmedUp = false;\nlet $8796f90736e175cb$var$globalWarmUpTimeout = null;\nlet $8796f90736e175cb$var$globalCooldownTimeout = null;\nfunction $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {\n let { delay: delay = $8796f90736e175cb$var$TOOLTIP_DELAY } = props;\n let { isOpen: isOpen , open: open , close: close } = (0, $1OhDq$useOverlayTriggerState)(props);\n let id = (0, $1OhDq$useMemo)(()=>`${++$8796f90736e175cb$var$tooltipId}`, []);\n let closeTimeout = (0, $1OhDq$useRef)();\n let ensureTooltipEntry = ()=>{\n $8796f90736e175cb$var$tooltips[id] = hideTooltip;\n };\n let closeOpenTooltips = ()=>{\n for(let hideTooltipId in $8796f90736e175cb$var$tooltips)if (hideTooltipId !== id) {\n $8796f90736e175cb$var$tooltips[hideTooltipId](true);\n delete $8796f90736e175cb$var$tooltips[hideTooltipId];\n }\n };\n let showTooltip = ()=>{\n clearTimeout(closeTimeout.current);\n closeTimeout.current = null;\n closeOpenTooltips();\n ensureTooltipEntry();\n $8796f90736e175cb$var$globalWarmedUp = true;\n open();\n if ($8796f90736e175cb$var$globalWarmUpTimeout) {\n clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);\n $8796f90736e175cb$var$globalWarmUpTimeout = null;\n }\n if ($8796f90736e175cb$var$globalCooldownTimeout) {\n clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);\n $8796f90736e175cb$var$globalCooldownTimeout = null;\n }\n };\n let hideTooltip = (immediate)=>{\n if (immediate) {\n clearTimeout(closeTimeout.current);\n closeTimeout.current = null;\n close();\n } else if (!closeTimeout.current) closeTimeout.current = setTimeout(()=>{\n closeTimeout.current = null;\n close();\n }, $8796f90736e175cb$var$TOOLTIP_COOLDOWN);\n if ($8796f90736e175cb$var$globalWarmUpTimeout) {\n clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);\n $8796f90736e175cb$var$globalWarmUpTimeout = null;\n }\n if ($8796f90736e175cb$var$globalWarmedUp) {\n if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);\n $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(()=>{\n delete $8796f90736e175cb$var$tooltips[id];\n $8796f90736e175cb$var$globalCooldownTimeout = null;\n $8796f90736e175cb$var$globalWarmedUp = false;\n }, $8796f90736e175cb$var$TOOLTIP_COOLDOWN);\n }\n };\n let warmupTooltip = ()=>{\n closeOpenTooltips();\n ensureTooltipEntry();\n if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(()=>{\n $8796f90736e175cb$var$globalWarmUpTimeout = null;\n $8796f90736e175cb$var$globalWarmedUp = true;\n showTooltip();\n }, delay);\n else if (!isOpen) showTooltip();\n };\n // eslint-disable-next-line arrow-body-style\n (0, $1OhDq$useEffect)(()=>{\n return ()=>{\n clearTimeout(closeTimeout.current);\n let tooltip = $8796f90736e175cb$var$tooltips[id];\n if (tooltip) delete $8796f90736e175cb$var$tooltips[id];\n };\n }, [\n id\n ]);\n return {\n isOpen: isOpen,\n open: (immediate)=>{\n if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();\n else showTooltip();\n },\n close: hideTooltip\n };\n}\n\n\n\n\nexport {$8796f90736e175cb$export$4d40659c25ecb50b as useTooltipTriggerState};\n//# sourceMappingURL=module.js.map\n","import $89yE2$react, {useContext as $89yE2$useContext, useMemo as $89yE2$useMemo, useRef as $89yE2$useRef, useState as $89yE2$useState, useLayoutEffect as $89yE2$useLayoutEffect} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\n// eslint-disable-next-line rulesdir/useLayoutEffectRule\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst $704cf1d3b684cc5c$var$defaultContext = {\n prefix: String(Math.round(Math.random() * 10000000000)),\n current: 0\n};\nconst $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (0, $89yE2$react).createContext($704cf1d3b684cc5c$var$defaultContext);\nfunction $704cf1d3b684cc5c$export$9f8ac96af4b1b2ae(props) {\n let cur = (0, $89yE2$useContext)($704cf1d3b684cc5c$var$SSRContext);\n let counter = $704cf1d3b684cc5c$var$useCounter(cur === $704cf1d3b684cc5c$var$defaultContext);\n let value = (0, $89yE2$useMemo)(()=>({\n // If this is the first SSRProvider, start with an empty string prefix, otherwise\n // append and increment the counter.\n prefix: cur === $704cf1d3b684cc5c$var$defaultContext ? \"\" : `${cur.prefix}-${counter}`,\n current: 0\n }), [\n cur,\n counter\n ]);\n return /*#__PURE__*/ (0, $89yE2$react).createElement($704cf1d3b684cc5c$var$SSRContext.Provider, {\n value: value\n }, props.children);\n}\nlet $704cf1d3b684cc5c$var$canUseDOM = Boolean(typeof window !== \"undefined\" && window.document && window.document.createElement);\nlet $704cf1d3b684cc5c$var$componentIds = new WeakMap();\nfunction $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {\n let ctx = (0, $89yE2$useContext)($704cf1d3b684cc5c$var$SSRContext);\n let ref = (0, $89yE2$useRef)(null);\n if (ref.current === null && !isDisabled) {\n var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner;\n // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n // This means our id counter will be incremented twice instead of once. This is a problem because on the\n // server, components are only rendered once and so ids generated on the server won't match the client.\n // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n // To ensure that we only increment the global counter once, we store the starting id for this component in\n // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n // Since React runs the second render immediately after the first, this is safe.\n // @ts-ignore\n let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = (0, $89yE2$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;\n if (currentOwner) {\n let prevComponentValue = $704cf1d3b684cc5c$var$componentIds.get(currentOwner);\n if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.\n $704cf1d3b684cc5c$var$componentIds.set(currentOwner, {\n id: ctx.current,\n state: currentOwner.memoizedState\n });\n else if (currentOwner.memoizedState !== prevComponentValue.state) {\n // On the second render, the memoizedState gets reset by React.\n // Reset the counter, and remove from the weak map so we don't\n // do this for subsequent useId calls.\n ctx.current = prevComponentValue.id;\n $704cf1d3b684cc5c$var$componentIds.delete(currentOwner);\n }\n }\n ref.current = ++ctx.current;\n }\n return ref.current;\n}\nfunction $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {\n let ctx = (0, $89yE2$useContext)($704cf1d3b684cc5c$var$SSRContext);\n // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n // provide a warning to hint to the developer to add one.\n if (ctx === $704cf1d3b684cc5c$var$defaultContext && !$704cf1d3b684cc5c$var$canUseDOM) console.warn(\"When server rendering, you must wrap your application in an to ensure consistent ids are generated between the client and server.\");\n let counter = $704cf1d3b684cc5c$var$useCounter(!!defaultId);\n return defaultId || `react-aria${ctx.prefix}-${counter}`;\n}\nfunction $704cf1d3b684cc5c$export$535bd6ca7f90a273() {\n let cur = (0, $89yE2$useContext)($704cf1d3b684cc5c$var$SSRContext);\n let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;\n let [isSSR, setIsSSR] = (0, $89yE2$useState)(isInSSRContext);\n // If on the client, and the component was initially server rendered,\n // then schedule a layout effect to update the component after hydration.\n if (typeof window !== \"undefined\" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe\n // because the condition never changes after mounting.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n (0, $89yE2$useLayoutEffect)(()=>{\n setIsSSR(false);\n }, []);\n return isSSR;\n}\n\n\n\n\nexport {$704cf1d3b684cc5c$export$9f8ac96af4b1b2ae as SSRProvider, $704cf1d3b684cc5c$export$619500959fc48b26 as useSSRSafeId, $704cf1d3b684cc5c$export$535bd6ca7f90a273 as useIsSSR};\n//# sourceMappingURL=module.js.map\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t{};\n\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {\n let [value, setValue] = (0, $12uGp$useState)(defaultValue);\n let valueRef = (0, $12uGp$useRef)(value);\n let effect = (0, $12uGp$useRef)(null);\n valueRef.current = value;\n // Store the function in a ref so we can always access the current version\n // which has the proper `value` in scope.\n let nextRef = (0, $12uGp$useRef)(null);\n nextRef.current = ()=>{\n // Run the generator to the next yield.\n let newValue = effect.current.next();\n // If the generator is done, reset the effect.\n if (newValue.done) {\n effect.current = null;\n return;\n }\n // If the value is the same as the current value,\n // then continue to the next yield. Otherwise,\n // set the value in state and wait for the next layout effect.\n if (value === newValue.value) nextRef.current();\n else setValue(newValue.value);\n };\n (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n // If there is an effect currently running, continue to the next yield.\n if (effect.current) nextRef.current();\n });\n let queue = (0, $12uGp$useCallback)((fn)=>{\n effect.current = fn(valueRef.current);\n nextRef.current();\n }, [\n effect,\n nextRef\n ]);\n return [\n value,\n queue\n ];\n}\n\n\nlet $bdb11010cef70236$var$idsUpdaterMap = new Map();\nfunction $bdb11010cef70236$export$f680877a34711e37(defaultId) {\n let [value, setValue] = (0, $12uGp$useState)(defaultId);\n let nextId = (0, $12uGp$useRef)(null);\n let res = (0, $12uGp$useSSRSafeId)(value);\n let updateValue = (0, $12uGp$useCallback)((val)=>{\n nextId.current = val;\n }, []);\n $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);\n (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n let r = res;\n return ()=>{\n $bdb11010cef70236$var$idsUpdaterMap.delete(r);\n };\n }, [\n res\n ]);\n // This cannot cause an infinite loop because the ref is updated first.\n // eslint-disable-next-line\n (0, $12uGp$useEffect)(()=>{\n let newId = nextId.current;\n if (newId) {\n nextId.current = null;\n setValue(newId);\n }\n });\n return res;\n}\nfunction $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {\n if (idA === idB) return idA;\n let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);\n if (setIdA) {\n setIdA(idB);\n return idB;\n }\n let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);\n if (setIdB) {\n setIdB(idA);\n return idA;\n }\n return idB;\n}\nfunction $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {\n let id = $bdb11010cef70236$export$f680877a34711e37();\n let [resolvedId, setResolvedId] = (0, $1dbecbe27a04f9af$export$14d238f342723f25)(id);\n let updateId = (0, $12uGp$useCallback)(()=>{\n setResolvedId(function*() {\n yield id;\n yield document.getElementById(id) ? id : undefined;\n });\n }, [\n id,\n setResolvedId\n ]);\n (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(updateId, [\n id,\n updateId,\n ...depArray\n ]);\n return resolvedId;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /**\n * Calls all functions in the order they were chained with the same arguments.\n */ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {\n return (...args)=>{\n for (let callback of callbacks)if (typeof callback === \"function\") callback(...args);\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {\n // Start with a base clone of the first argument. This is a lot faster than starting\n // with an empty object and adding properties as we go.\n let result = {\n ...args[0]\n };\n for(let i = 1; i < args.length; i++){\n let props = args[i];\n for(let key in props){\n let a = result[key];\n let b = props[key];\n // Chain events\n if (typeof a === \"function\" && typeof b === \"function\" && // This is a lot faster than a regex.\n key[0] === \"o\" && key[1] === \"n\" && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = (0, $ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);\n else if ((key === \"className\" || key === \"UNSAFE_className\") && typeof a === \"string\" && typeof b === \"string\") result[key] = (0, $12uGp$clsx)(a, b);\n else if (key === \"id\" && a && b) result.id = (0, $bdb11010cef70236$export$cd8c9cb68f842629)(a, b);\n else result[key] = b !== undefined ? b : a;\n }\n }\n return result;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {\n return (value)=>{\n for (let ref of refs){\n if (typeof ref === \"function\") ref(value);\n else if (ref != null) ref.current = value;\n }\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $65484d02dcb7eb3e$var$DOMPropNames = new Set([\n \"id\"\n]);\nconst $65484d02dcb7eb3e$var$labelablePropNames = new Set([\n \"aria-label\",\n \"aria-labelledby\",\n \"aria-describedby\",\n \"aria-details\"\n]);\nconst $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;\nfunction $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {\n let { labelable: labelable , propNames: propNames } = opts;\n let filteredProps = {};\n for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];\n return filteredProps;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n preventScroll: true\n });\n else {\n let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n element.focus();\n $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n try {\n var focusElem = document.createElement(\"div\");\n focusElem.focus({\n get preventScroll () {\n $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n return true;\n }\n });\n } catch (e) {\n // Ignore\n }\n }\n return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n var parent = element.parentNode;\n var scrollableElements = [];\n var rootScrollingElement = document.scrollingElement || document.documentElement;\n while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n element: parent,\n scrollTop: parent.scrollTop,\n scrollLeft: parent.scrollLeft\n });\n parent = parent.parentNode;\n }\n if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n element: rootScrollingElement,\n scrollTop: rootScrollingElement.scrollTop,\n scrollLeft: rootScrollingElement.scrollLeft\n });\n return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n for (let { element: element , scrollTop: scrollTop , scrollLeft: scrollLeft } of scrollableElements){\n element.scrollTop = scrollTop;\n element.scrollLeft = scrollLeft;\n }\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $ab71dadb03a6fb2e$export$622cea445a1c5b7d(element, reverse, orientation = \"horizontal\") {\n let rect = element.getBoundingClientRect();\n if (reverse) return orientation === \"horizontal\" ? rect.right : rect.bottom;\n return orientation === \"horizontal\" ? rect.left : rect.top;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nlet $bbed8b41f857bcc0$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $bbed8b41f857bcc0$var$transitionCallbacks = new Set();\nfunction $bbed8b41f857bcc0$var$setupGlobalEvents() {\n if (typeof window === \"undefined\") return;\n let onTransitionStart = (e)=>{\n // Add the transitioning property to the list for this element.\n let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n if (!transitions) {\n transitions = new Set();\n $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);\n // The transitioncancel event must be registered on the element itself, rather than as a global\n // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n e.target.addEventListener(\"transitioncancel\", onTransitionEnd);\n }\n transitions.add(e.propertyName);\n };\n let onTransitionEnd = (e)=>{\n // Remove property from list of transitioning properties.\n let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n if (!properties) return;\n properties.delete(e.propertyName);\n // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n if (properties.size === 0) {\n e.target.removeEventListener(\"transitioncancel\", onTransitionEnd);\n $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);\n }\n // If no transitioning elements, call all of the queued callbacks.\n if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {\n for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();\n $bbed8b41f857bcc0$var$transitionCallbacks.clear();\n }\n };\n document.body.addEventListener(\"transitionrun\", onTransitionStart);\n document.body.addEventListener(\"transitionend\", onTransitionEnd);\n}\nif (typeof document !== \"undefined\") {\n if (document.readyState !== \"loading\") $bbed8b41f857bcc0$var$setupGlobalEvents();\n else document.addEventListener(\"DOMContentLoaded\", $bbed8b41f857bcc0$var$setupGlobalEvents);\n}\nfunction $bbed8b41f857bcc0$export$24490316f764c430(fn) {\n // Wait one frame to see if an animation starts, e.g. a transition on mount.\n requestAnimationFrame(()=>{\n // If no transitions are running, call the function immediately.\n // Otherwise, add it to a list of callbacks to run at the end of the animation.\n if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();\n else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);\n });\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n// Keep track of elements that we are currently handling dragging for via useDrag1D.\n// If there's an ancestor and a descendant both using useDrag1D(), and the user starts\n// dragging the descendant, we don't want useDrag1D events to fire for the ancestor.\nconst $9cc09df9fd7676be$var$draggingElements = [];\nfunction $9cc09df9fd7676be$export$7bbed75feba39706(props) {\n console.warn(\"useDrag1D is deprecated, please use `useMove` instead https://react-spectrum.adobe.com/react-aria/useMove.html\");\n let { containerRef: containerRef , reverse: reverse , orientation: orientation , onHover: onHover , onDrag: onDrag , onPositionChange: onPositionChange , onIncrement: onIncrement , onDecrement: onDecrement , onIncrementToMax: onIncrementToMax , onDecrementToMin: onDecrementToMin , onCollapseToggle: onCollapseToggle } = props;\n let getPosition = (e)=>orientation === \"horizontal\" ? e.clientX : e.clientY;\n let getNextOffset = (e)=>{\n let containerOffset = (0, $ab71dadb03a6fb2e$export$622cea445a1c5b7d)(containerRef.current, reverse, orientation);\n let mouseOffset = getPosition(e);\n let nextOffset = reverse ? containerOffset - mouseOffset : mouseOffset - containerOffset;\n return nextOffset;\n };\n let dragging = (0, $12uGp$useRef)(false);\n let prevPosition = (0, $12uGp$useRef)(0);\n // Keep track of the current handlers in a ref so that the events can access them.\n let handlers = (0, $12uGp$useRef)({\n onPositionChange: onPositionChange,\n onDrag: onDrag\n });\n handlers.current.onDrag = onDrag;\n handlers.current.onPositionChange = onPositionChange;\n let onMouseDragged = (e)=>{\n e.preventDefault();\n let nextOffset = getNextOffset(e);\n if (!dragging.current) {\n dragging.current = true;\n if (handlers.current.onDrag) handlers.current.onDrag(true);\n if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);\n }\n if (prevPosition.current === nextOffset) return;\n prevPosition.current = nextOffset;\n if (onPositionChange) onPositionChange(nextOffset);\n };\n let onMouseUp = (e)=>{\n const target = e.target;\n dragging.current = false;\n let nextOffset = getNextOffset(e);\n if (handlers.current.onDrag) handlers.current.onDrag(false);\n if (handlers.current.onPositionChange) handlers.current.onPositionChange(nextOffset);\n $9cc09df9fd7676be$var$draggingElements.splice($9cc09df9fd7676be$var$draggingElements.indexOf(target), 1);\n window.removeEventListener(\"mouseup\", onMouseUp, false);\n window.removeEventListener(\"mousemove\", onMouseDragged, false);\n };\n let onMouseDown = (e)=>{\n const target = e.currentTarget;\n // If we're already handling dragging on a descendant with useDrag1D, then\n // we don't want to handle the drag motion on this target as well.\n if ($9cc09df9fd7676be$var$draggingElements.some((elt)=>target.contains(elt))) return;\n $9cc09df9fd7676be$var$draggingElements.push(target);\n window.addEventListener(\"mousemove\", onMouseDragged, false);\n window.addEventListener(\"mouseup\", onMouseUp, false);\n };\n let onMouseEnter = ()=>{\n if (onHover) onHover(true);\n };\n let onMouseOut = ()=>{\n if (onHover) onHover(false);\n };\n let onKeyDown = (e)=>{\n switch(e.key){\n case \"Left\":\n case \"ArrowLeft\":\n if (orientation === \"horizontal\") {\n e.preventDefault();\n if (onDecrement && !reverse) onDecrement();\n else if (onIncrement && reverse) onIncrement();\n }\n break;\n case \"Up\":\n case \"ArrowUp\":\n if (orientation === \"vertical\") {\n e.preventDefault();\n if (onDecrement && !reverse) onDecrement();\n else if (onIncrement && reverse) onIncrement();\n }\n break;\n case \"Right\":\n case \"ArrowRight\":\n if (orientation === \"horizontal\") {\n e.preventDefault();\n if (onIncrement && !reverse) onIncrement();\n else if (onDecrement && reverse) onDecrement();\n }\n break;\n case \"Down\":\n case \"ArrowDown\":\n if (orientation === \"vertical\") {\n e.preventDefault();\n if (onIncrement && !reverse) onIncrement();\n else if (onDecrement && reverse) onDecrement();\n }\n break;\n case \"Home\":\n e.preventDefault();\n if (onDecrementToMin) onDecrementToMin();\n break;\n case \"End\":\n e.preventDefault();\n if (onIncrementToMax) onIncrementToMax();\n break;\n case \"Enter\":\n e.preventDefault();\n if (onCollapseToggle) onCollapseToggle();\n break;\n }\n };\n return {\n onMouseDown: onMouseDown,\n onMouseEnter: onMouseEnter,\n onMouseOut: onMouseOut,\n onKeyDown: onKeyDown\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03deb23ff14920c4$export$4eaf04e54aa8eed6() {\n let globalListeners = (0, $12uGp$useRef)(new Map());\n let addGlobalListener = (0, $12uGp$useCallback)((eventTarget, type, listener, options)=>{\n // Make sure we remove the listener after it is called with the `once` option.\n let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args)=>{\n globalListeners.current.delete(listener);\n listener(...args);\n } : listener;\n globalListeners.current.set(listener, {\n type: type,\n eventTarget: eventTarget,\n fn: fn,\n options: options\n });\n eventTarget.addEventListener(type, listener, options);\n }, []);\n let removeGlobalListener = (0, $12uGp$useCallback)((eventTarget, type, listener, options)=>{\n var _globalListeners_current_get;\n let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;\n eventTarget.removeEventListener(type, fn, options);\n globalListeners.current.delete(listener);\n }, []);\n let removeAllGlobalListeners = (0, $12uGp$useCallback)(()=>{\n globalListeners.current.forEach((value, key)=>{\n removeGlobalListener(value.eventTarget, value.type, key, value.options);\n });\n }, [\n removeGlobalListener\n ]);\n // eslint-disable-next-line arrow-body-style\n (0, $12uGp$useEffect)(()=>{\n return removeAllGlobalListeners;\n }, [\n removeAllGlobalListeners\n ]);\n return {\n addGlobalListener: addGlobalListener,\n removeGlobalListener: removeGlobalListener,\n removeAllGlobalListeners: removeAllGlobalListeners\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {\n let { id: id , \"aria-label\": label , \"aria-labelledby\": labelledBy } = props;\n // If there is both an aria-label and aria-labelledby,\n // combine them by pointing to the element itself.\n id = (0, $bdb11010cef70236$export$f680877a34711e37)(id);\n if (labelledBy && label) {\n let ids = new Set([\n ...labelledBy.trim().split(/\\s+/),\n id\n ]);\n labelledBy = [\n ...ids\n ].join(\" \");\n } else if (labelledBy) labelledBy = labelledBy.trim().split(/\\s+/).join(\" \");\n // If no labels are provided, use the default\n if (!label && !labelledBy && defaultLabel) label = defaultLabel;\n return {\n id: id,\n \"aria-label\": label,\n \"aria-labelledby\": labelledBy\n };\n}\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {\n const objRef = (0, $12uGp$useRef)();\n /**\n * We're using `useLayoutEffect` here instead of `useEffect` because we want\n * to make sure that the `ref` value is up to date before other places in the\n * the execution cycle try to read it.\n */ (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n if (!forwardedRef) return;\n if (typeof forwardedRef === \"function\") forwardedRef(objRef.current);\n else forwardedRef.current = objRef.current;\n }, [\n forwardedRef\n ]);\n return objRef;\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {\n const isInitialMount = (0, $12uGp$useRef)(true);\n (0, $12uGp$useEffect)(()=>{\n if (isInitialMount.current) isInitialMount.current = false;\n else effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n}\n\n\n\n\nfunction $9daab02d461809db$var$hasResizeObserver() {\n return typeof window.ResizeObserver !== \"undefined\";\n}\nfunction $9daab02d461809db$export$683480f191c0e3ea(options) {\n const { ref: ref , onResize: onResize } = options;\n (0, $12uGp$useEffect)(()=>{\n let element = ref === null || ref === void 0 ? void 0 : ref.current;\n if (!element) return;\n if (!$9daab02d461809db$var$hasResizeObserver()) {\n window.addEventListener(\"resize\", onResize, false);\n return ()=>{\n window.removeEventListener(\"resize\", onResize, false);\n };\n } else {\n const resizeObserverInstance = new window.ResizeObserver((entries)=>{\n if (!entries.length) return;\n onResize();\n });\n resizeObserverInstance.observe(element);\n return ()=>{\n if (element) resizeObserverInstance.unobserve(element);\n };\n }\n }, [\n onResize,\n ref\n ]);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {\n (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n if (context && context.ref && ref) {\n context.ref.current = ref.current;\n return ()=>{\n context.ref.current = null;\n };\n }\n }, [\n context,\n ref\n ]);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $62d8ded9296f3872$export$cfa2225e87938781(node) {\n if ($62d8ded9296f3872$export$2bb74740c4e19def(node)) node = node.parentElement;\n while(node && !$62d8ded9296f3872$export$2bb74740c4e19def(node))node = node.parentElement;\n return node || document.scrollingElement || document.documentElement;\n}\nfunction $62d8ded9296f3872$export$2bb74740c4e19def(node) {\n let style = window.getComputedStyle(node);\n return /(auto|scroll)/.test(style.overflow + style.overflowX + style.overflowY);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n// @ts-ignore\nlet $5df64b3807dc15ee$var$visualViewport = typeof window !== \"undefined\" && window.visualViewport;\nfunction $5df64b3807dc15ee$export$d699905dd57c73ca() {\n let [size, setSize] = (0, $12uGp$useState)(()=>$5df64b3807dc15ee$var$getViewportSize());\n (0, $12uGp$useEffect)(()=>{\n // Use visualViewport api to track available height even on iOS virtual keyboard opening\n let onResize = ()=>{\n setSize((size)=>{\n let newSize = $5df64b3807dc15ee$var$getViewportSize();\n if (newSize.width === size.width && newSize.height === size.height) return size;\n return newSize;\n });\n };\n if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener(\"resize\", onResize);\n else $5df64b3807dc15ee$var$visualViewport.addEventListener(\"resize\", onResize);\n return ()=>{\n if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener(\"resize\", onResize);\n else $5df64b3807dc15ee$var$visualViewport.removeEventListener(\"resize\", onResize);\n };\n }, []);\n return size;\n}\nfunction $5df64b3807dc15ee$var$getViewportSize() {\n return {\n width: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,\n height: ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nlet $ef06256079686ba0$var$descriptionId = 0;\nconst $ef06256079686ba0$var$descriptionNodes = new Map();\nfunction $ef06256079686ba0$export$f8aeda7b10753fa1(description) {\n let [id, setId] = (0, $12uGp$useState)(undefined);\n (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n if (!description) return;\n let desc = $ef06256079686ba0$var$descriptionNodes.get(description);\n if (!desc) {\n let id = `react-aria-description-${$ef06256079686ba0$var$descriptionId++}`;\n setId(id);\n let node = document.createElement(\"div\");\n node.id = id;\n node.style.display = \"none\";\n node.textContent = description;\n document.body.appendChild(node);\n desc = {\n refCount: 0,\n element: node\n };\n $ef06256079686ba0$var$descriptionNodes.set(description, desc);\n } else setId(desc.element.id);\n desc.refCount++;\n return ()=>{\n if (--desc.refCount === 0) {\n desc.element.remove();\n $ef06256079686ba0$var$descriptionNodes.delete(description);\n }\n };\n }, [\n description\n ]);\n return {\n \"aria-describedby\": description ? id : undefined\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $c87311424ea30a05$var$testUserAgent(re) {\n var _window_navigator_userAgentData;\n if (typeof window === \"undefined\" || window.navigator == null) return false;\n return ((_window_navigator_userAgentData = window.navigator[\"userAgentData\"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand)=>re.test(brand.brand))) || re.test(window.navigator.userAgent);\n}\nfunction $c87311424ea30a05$var$testPlatform(re) {\n var _window_navigator_userAgentData;\n return typeof window !== \"undefined\" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator[\"userAgentData\"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;\n}\nfunction $c87311424ea30a05$export$9ac100e40613ea10() {\n return $c87311424ea30a05$var$testPlatform(/^Mac/i);\n}\nfunction $c87311424ea30a05$export$186c6964ca17d99() {\n return $c87311424ea30a05$var$testPlatform(/^iPhone/i);\n}\nfunction $c87311424ea30a05$export$7bef049ce92e4224() {\n return $c87311424ea30a05$var$testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.\n $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;\n}\nfunction $c87311424ea30a05$export$fedb369cb70207f1() {\n return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();\n}\nfunction $c87311424ea30a05$export$e1865c3bedcd822b() {\n return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();\n}\nfunction $c87311424ea30a05$export$78551043582a6a98() {\n return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();\n}\nfunction $c87311424ea30a05$export$6446a186d09e379e() {\n return $c87311424ea30a05$var$testUserAgent(/Chrome/i);\n}\nfunction $c87311424ea30a05$export$a11b0059900ceec8() {\n return $c87311424ea30a05$var$testUserAgent(/Android/i);\n}\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {\n let handlerRef = (0, $12uGp$useRef)(handler);\n handlerRef.current = handler;\n let isDisabled = handler == null;\n (0, $12uGp$useEffect)(()=>{\n if (isDisabled) return;\n let element = ref.current;\n let handler = (e)=>handlerRef.current.call(this, e);\n element.addEventListener(event, handler, options);\n return ()=>{\n element.removeEventListener(event, handler, options);\n };\n }, [\n ref,\n event,\n options,\n isDisabled\n ]);\n}\n\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {\n let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, \"left\");\n let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, \"top\");\n let width = element.offsetWidth;\n let height = element.offsetHeight;\n let x = scrollView.scrollLeft;\n let y = scrollView.scrollTop;\n // Account for top/left border offsetting the scroll top/Left\n let { borderTopWidth: borderTopWidth , borderLeftWidth: borderLeftWidth } = getComputedStyle(scrollView);\n let borderAdjustedX = scrollView.scrollLeft + parseInt(borderLeftWidth, 10);\n let borderAdjustedY = scrollView.scrollTop + parseInt(borderTopWidth, 10);\n // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width\n let maxX = borderAdjustedX + scrollView.clientWidth;\n let maxY = borderAdjustedY + scrollView.clientHeight;\n if (offsetX <= x) x = offsetX - parseInt(borderLeftWidth, 10);\n else if (offsetX + width > maxX) x += offsetX + width - maxX;\n if (offsetY <= borderAdjustedY) y = offsetY - parseInt(borderTopWidth, 10);\n else if (offsetY + height > maxY) y += offsetY + height - maxY;\n scrollView.scrollLeft = x;\n scrollView.scrollTop = y;\n}\n/**\n * Computes the offset left or top from child to ancestor by accumulating\n * offsetLeft or offsetTop through intervening offsetParents.\n */ function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {\n const prop = axis === \"left\" ? \"offsetLeft\" : \"offsetTop\";\n let sum = 0;\n while(child.offsetParent){\n sum += child[prop];\n if (child.offsetParent === ancestor) break;\n else if (child.offsetParent.contains(ancestor)) {\n // If the ancestor is not `position:relative`, then we stop at\n // _its_ offset parent, and we subtract off _its_ offset, so that\n // we end up with the proper offset from child to ancestor.\n sum -= ancestor[prop];\n break;\n }\n child = child.offsetParent;\n }\n return sum;\n}\nfunction $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {\n if (document.contains(targetElement)) {\n let root = document.scrollingElement || document.documentElement;\n let isScrollPrevented = window.getComputedStyle(root).overflow === \"hidden\";\n // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view\n if (!isScrollPrevented) {\n var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()\n // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically\n _targetElement_scrollIntoView;\n let { left: originalLeft , top: originalTop } = targetElement.getBoundingClientRect();\n targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {\n block: \"nearest\"\n });\n let { left: newLeft , top: newTop } = targetElement.getBoundingClientRect();\n // Account for sub pixel differences from rounding\n if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {\n var _opts_containingElement, _opts_containingElement_scrollIntoView, _targetElement_scrollIntoView1;\n opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {\n block: \"center\",\n inline: \"center\"\n });\n (_targetElement_scrollIntoView1 = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView1 === void 0 ? void 0 : _targetElement_scrollIntoView1.call(targetElement, {\n block: \"nearest\"\n });\n }\n } else {\n let scrollParent = (0, $62d8ded9296f3872$export$cfa2225e87938781)(targetElement);\n // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.\n while(targetElement && scrollParent && targetElement !== root && scrollParent !== root){\n $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollParent, targetElement);\n targetElement = scrollParent;\n scrollParent = (0, $62d8ded9296f3872$export$cfa2225e87938781)(targetElement);\n }\n }\n }\n}\n\n\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $6a7db85432448f7f$export$60278871457622de(event) {\n // JAWS/NVDA with Firefox.\n if (event.mozInputSource === 0 && event.isTrusted) return true;\n // Android TalkBack's detail value varies depending on the event listener providing the event so we have specific logic here instead\n // If pointerType is defined, event is from a click listener. For events from mousedown listener, detail === 0 is a sufficient check\n // to detect TalkBack virtual clicks.\n if ((0, $c87311424ea30a05$export$a11b0059900ceec8)() && event.pointerType) return event.type === \"click\" && event.buttons === 1;\n return event.detail === 0 && !event.pointerType;\n}\nfunction $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {\n // If the pointer size is zero, then we assume it's from a screen reader.\n // Android TalkBack double tap will sometimes return a event with width and height of 1\n // and pointerType === 'mouse' so we need to check for a specific combination of event attributes.\n // Cannot use \"event.pressure === 0\" as the sole check due to Safari pointer events always returning pressure === 0\n // instead of .5, see https://bugs.webkit.org/show_bug.cgi?id=206216. event.pointerType === 'mouse' is to distingush\n // Talkback double tap from Windows Firefox touch screen press\n return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === \"mouse\";\n}\n\n\n\n\nexport {$bdb11010cef70236$export$f680877a34711e37 as useId, $bdb11010cef70236$export$cd8c9cb68f842629 as mergeIds, $bdb11010cef70236$export$b4cc09c592e8fdb8 as useSlotId, $ff5963eb1fccf552$export$e08e3b67e392101e as chain, $3ef42575df84b30b$export$9d1611c77c2fe928 as mergeProps, $5dc95899b306f630$export$c9058316764c140e as mergeRefs, $65484d02dcb7eb3e$export$457c3d6518dd4c6f as filterDOMProps, $7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling, $ab71dadb03a6fb2e$export$622cea445a1c5b7d as getOffset, $bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition, $9cc09df9fd7676be$export$7bbed75feba39706 as useDrag1D, $03deb23ff14920c4$export$4eaf04e54aa8eed6 as useGlobalListeners, $313b98861ee5dd6c$export$d6875122194c7b44 as useLabels, $df56164dff5785e2$export$4338b53315abf666 as useObjectRef, $4f58c5f72bcf79f7$export$496315a1608d9602 as useUpdateEffect, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as useLayoutEffect, $9daab02d461809db$export$683480f191c0e3ea as useResizeObserver, $e7801be82b4b2a53$export$4debdb1a3f0fa79e as useSyncRef, $62d8ded9296f3872$export$cfa2225e87938781 as getScrollParent, $62d8ded9296f3872$export$2bb74740c4e19def as isScrollable, $5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize, $ef06256079686ba0$export$f8aeda7b10753fa1 as useDescription, $c87311424ea30a05$export$9ac100e40613ea10 as isMac, $c87311424ea30a05$export$186c6964ca17d99 as isIPhone, $c87311424ea30a05$export$7bef049ce92e4224 as isIPad, $c87311424ea30a05$export$fedb369cb70207f1 as isIOS, $c87311424ea30a05$export$e1865c3bedcd822b as isAppleDevice, $c87311424ea30a05$export$78551043582a6a98 as isWebKit, $c87311424ea30a05$export$6446a186d09e379e as isChrome, $c87311424ea30a05$export$a11b0059900ceec8 as isAndroid, $e9faafb641e167db$export$90fc3a17d93f704c as useEvent, $1dbecbe27a04f9af$export$14d238f342723f25 as useValueEffect, $2f04cbc44ee30ce0$export$53a0910f038337bd as scrollIntoView, $2f04cbc44ee30ce0$export$c826860796309d1b as scrollIntoViewport, $4507461a1b870123$re_export$clamp as clamp, $4507461a1b870123$re_export$snapValueToStep as snapValueToStep, $6a7db85432448f7f$export$60278871457622de as isVirtualClick, $6a7db85432448f7f$export$29bf1b5f2c56cf63 as isVirtualPointerEvent};\n//# sourceMappingURL=module.js.map\n","import {mergeProps as $bx7SL$mergeProps, useSyncRef as $bx7SL$useSyncRef, useGlobalListeners as $bx7SL$useGlobalListeners, isVirtualClick as $bx7SL$isVirtualClick, focusWithoutScrolling as $bx7SL$focusWithoutScrolling, isVirtualPointerEvent as $bx7SL$isVirtualPointerEvent, isIOS as $bx7SL$isIOS, runAfterTransition as $bx7SL$runAfterTransition, useLayoutEffect as $bx7SL$useLayoutEffect, isMac as $bx7SL$isMac, useEvent as $bx7SL$useEvent, useDescription as $bx7SL$useDescription} from \"@react-aria/utils\";\nimport $bx7SL$react, {useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element\n// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually\nlet $14c0b72509d70225$var$state = \"default\";\nlet $14c0b72509d70225$var$savedUserSelect = \"\";\nlet $14c0b72509d70225$var$modifiedElementMap = new WeakMap();\nfunction $14c0b72509d70225$export$16a4697467175487(target) {\n if ((0, $bx7SL$isIOS)()) {\n if ($14c0b72509d70225$var$state === \"default\") {\n $14c0b72509d70225$var$savedUserSelect = document.documentElement.style.webkitUserSelect;\n document.documentElement.style.webkitUserSelect = \"none\";\n }\n $14c0b72509d70225$var$state = \"disabled\";\n } else if (target instanceof HTMLElement || target instanceof SVGElement) {\n // If not iOS, store the target's original user-select and change to user-select: none\n // Ignore state since it doesn't apply for non iOS\n $14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);\n target.style.userSelect = \"none\";\n }\n}\nfunction $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {\n if ((0, $bx7SL$isIOS)()) {\n // If the state is already default, there's nothing to do.\n // If it is restoring, then there's no need to queue a second restore.\n if ($14c0b72509d70225$var$state !== \"disabled\") return;\n $14c0b72509d70225$var$state = \"restoring\";\n // There appears to be a delay on iOS where selection still might occur\n // after pointer up, so wait a bit before removing user-select.\n setTimeout(()=>{\n // Wait for any CSS transitions to complete so we don't recompute style\n // for the whole page in the middle of the animation and cause jank.\n (0, $bx7SL$runAfterTransition)(()=>{\n // Avoid race conditions\n if ($14c0b72509d70225$var$state === \"restoring\") {\n if (document.documentElement.style.webkitUserSelect === \"none\") document.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || \"\";\n $14c0b72509d70225$var$savedUserSelect = \"\";\n $14c0b72509d70225$var$state = \"default\";\n }\n });\n }, 300);\n } else if (target instanceof HTMLElement || target instanceof SVGElement) // If not iOS, restore the target's original user-select if any\n // Ignore state since it doesn't apply for non iOS\n {\n if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {\n let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);\n if (target.style.userSelect === \"none\") target.style.userSelect = targetOldUserSelect;\n if (target.getAttribute(\"style\") === \"\") target.removeAttribute(\"style\");\n $14c0b72509d70225$var$modifiedElementMap.delete(target);\n }\n }\n}\n\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nconst $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = (0, $bx7SL$react).createContext(null);\n$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = \"PressResponderContext\";\n\n\n\nfunction $f6c31cce2adf654f$var$usePressResponderContext(props) {\n // Consume context from and merge with props.\n let context = (0, $bx7SL$useContext)((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5));\n if (context) {\n let { register: register , ...contextProps } = context;\n props = (0, $bx7SL$mergeProps)(contextProps, props);\n register();\n }\n (0, $bx7SL$useSyncRef)(context, props.ref);\n return props;\n}\nfunction $f6c31cce2adf654f$export$45712eceda6fad21(props) {\n let { onPress: onPress , onPressChange: onPressChange , onPressStart: onPressStart , onPressEnd: onPressEnd , onPressUp: onPressUp , isDisabled: isDisabled , isPressed: isPressedProp , preventFocusOnPress: preventFocusOnPress , shouldCancelOnPointerExit: shouldCancelOnPointerExit , allowTextSelectionOnPress: allowTextSelectionOnPress , // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ref: _ , ...domProps } = $f6c31cce2adf654f$var$usePressResponderContext(props);\n let propsRef = (0, $bx7SL$useRef)(null);\n propsRef.current = {\n onPress: onPress,\n onPressChange: onPressChange,\n onPressStart: onPressStart,\n onPressEnd: onPressEnd,\n onPressUp: onPressUp,\n isDisabled: isDisabled,\n shouldCancelOnPointerExit: shouldCancelOnPointerExit\n };\n let [isPressed, setPressed] = (0, $bx7SL$useState)(false);\n let ref = (0, $bx7SL$useRef)({\n isPressed: false,\n ignoreEmulatedMouseEvents: false,\n ignoreClickAfterPress: false,\n didFirePressStart: false,\n activePointerId: null,\n target: null,\n isOverTarget: false,\n pointerType: null\n });\n let { addGlobalListener: addGlobalListener , removeAllGlobalListeners: removeAllGlobalListeners } = (0, $bx7SL$useGlobalListeners)();\n let pressProps = (0, $bx7SL$useMemo)(()=>{\n let state = ref.current;\n let triggerPressStart = (originalEvent, pointerType)=>{\n let { onPressStart: onPressStart , onPressChange: onPressChange , isDisabled: isDisabled } = propsRef.current;\n if (isDisabled || state.didFirePressStart) return;\n if (onPressStart) onPressStart({\n type: \"pressstart\",\n pointerType: pointerType,\n target: originalEvent.currentTarget,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n if (onPressChange) onPressChange(true);\n state.didFirePressStart = true;\n setPressed(true);\n };\n let triggerPressEnd = (originalEvent, pointerType, wasPressed = true)=>{\n let { onPressEnd: onPressEnd , onPressChange: onPressChange , onPress: onPress , isDisabled: isDisabled } = propsRef.current;\n if (!state.didFirePressStart) return;\n state.ignoreClickAfterPress = true;\n state.didFirePressStart = false;\n if (onPressEnd) onPressEnd({\n type: \"pressend\",\n pointerType: pointerType,\n target: originalEvent.currentTarget,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n if (onPressChange) onPressChange(false);\n setPressed(false);\n if (onPress && wasPressed && !isDisabled) onPress({\n type: \"press\",\n pointerType: pointerType,\n target: originalEvent.currentTarget,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n };\n let triggerPressUp = (originalEvent, pointerType)=>{\n let { onPressUp: onPressUp , isDisabled: isDisabled } = propsRef.current;\n if (isDisabled) return;\n if (onPressUp) onPressUp({\n type: \"pressup\",\n pointerType: pointerType,\n target: originalEvent.currentTarget,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n };\n let cancel = (e)=>{\n if (state.isPressed) {\n if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);\n state.isPressed = false;\n state.isOverTarget = false;\n state.activePointerId = null;\n state.pointerType = null;\n removeAllGlobalListeners();\n if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);\n }\n };\n let pressProps = {\n onKeyDown (e) {\n if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {\n if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();\n e.stopPropagation();\n // If the event is repeating, it may have started on a different element\n // after which focus moved to the current element. Ignore these events and\n // only handle the first key down event.\n if (!state.isPressed && !e.repeat) {\n state.target = e.currentTarget;\n state.isPressed = true;\n triggerPressStart(e, \"keyboard\");\n // Focus may move before the key up event, so register the event on the document\n // instead of the same element where the key down event occurred.\n addGlobalListener(document, \"keyup\", onKeyUp, false);\n }\n } else if (e.key === \"Enter\" && $f6c31cce2adf654f$var$isHTMLAnchorLink(e.currentTarget)) // If the target is a link, we won't have handled this above because we want the default\n // browser behavior to open the link when pressing Enter. But we still need to prevent\n // default so that elements above do not also handle it (e.g. table row).\n e.stopPropagation();\n },\n onKeyUp (e) {\n if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && !e.repeat && e.currentTarget.contains(e.target)) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), \"keyboard\");\n },\n onClick (e) {\n if (e && !e.currentTarget.contains(e.target)) return;\n if (e && e.button === 0) {\n e.stopPropagation();\n if (isDisabled) e.preventDefault();\n // If triggered from a screen reader or by using element.click(),\n // trigger as if it were a keyboard click.\n if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && (state.pointerType === \"virtual\" || (0, $bx7SL$isVirtualClick)(e.nativeEvent))) {\n // Ensure the element receives focus (VoiceOver on iOS does not do this)\n if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);\n triggerPressStart(e, \"virtual\");\n triggerPressUp(e, \"virtual\");\n triggerPressEnd(e, \"virtual\");\n }\n state.ignoreEmulatedMouseEvents = false;\n state.ignoreClickAfterPress = false;\n }\n }\n };\n let onKeyUp = (e)=>{\n if (state.isPressed && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {\n if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();\n e.stopPropagation();\n state.isPressed = false;\n let target = e.target;\n triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), \"keyboard\", state.target.contains(target));\n removeAllGlobalListeners();\n // If the target is a link, trigger the click method to open the URL,\n // but defer triggering pressEnd until onClick event handler.\n if (state.target instanceof HTMLElement && state.target.contains(target) && ($f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) || state.target.getAttribute(\"role\") === \"link\")) state.target.click();\n }\n };\n if (typeof PointerEvent !== \"undefined\") {\n pressProps.onPointerDown = (e)=>{\n // Only handle left clicks, and ignore events that bubbled through portals.\n if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;\n // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.\n // Ignore and let the onClick handler take care of it instead.\n // https://bugs.webkit.org/show_bug.cgi?id=222627\n // https://bugs.webkit.org/show_bug.cgi?id=223202\n if ((0, $bx7SL$isVirtualPointerEvent)(e.nativeEvent)) {\n state.pointerType = \"virtual\";\n return;\n }\n // Due to browser inconsistencies, especially on mobile browsers, we prevent\n // default on pointer down and handle focusing the pressable element ourselves.\n if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();\n state.pointerType = e.pointerType;\n e.stopPropagation();\n if (!state.isPressed) {\n state.isPressed = true;\n state.isOverTarget = true;\n state.activePointerId = e.pointerId;\n state.target = e.currentTarget;\n if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);\n if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);\n triggerPressStart(e, state.pointerType);\n addGlobalListener(document, \"pointermove\", onPointerMove, false);\n addGlobalListener(document, \"pointerup\", onPointerUp, false);\n addGlobalListener(document, \"pointercancel\", onPointerCancel, false);\n }\n };\n pressProps.onMouseDown = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n if (e.button === 0) {\n // Chrome and Firefox on touch Windows devices require mouse down events\n // to be canceled in addition to pointer events, or an extra asynchronous\n // focus event will be fired.\n if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();\n e.stopPropagation();\n }\n };\n pressProps.onPointerUp = (e)=>{\n // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.\n if (!e.currentTarget.contains(e.target) || state.pointerType === \"virtual\") return;\n // Only handle left clicks\n // Safari on iOS sometimes fires pointerup events, even\n // when the touch isn't over the target, so double check.\n if (e.button === 0 && $f6c31cce2adf654f$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);\n };\n // Safari on iOS < 13.2 does not implement pointerenter/pointerleave events correctly.\n // Use pointer move events instead to implement our own hit testing.\n // See https://bugs.webkit.org/show_bug.cgi?id=199803\n let onPointerMove = (e)=>{\n if (e.pointerId !== state.activePointerId) return;\n if ($f6c31cce2adf654f$var$isOverTarget(e, state.target)) {\n if (!state.isOverTarget) {\n state.isOverTarget = true;\n triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);\n }\n } else if (state.isOverTarget) {\n state.isOverTarget = false;\n triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);\n if (propsRef.current.shouldCancelOnPointerExit) cancel(e);\n }\n };\n let onPointerUp = (e)=>{\n if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0) {\n if ($f6c31cce2adf654f$var$isOverTarget(e, state.target)) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);\n else if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);\n state.isPressed = false;\n state.isOverTarget = false;\n state.activePointerId = null;\n state.pointerType = null;\n removeAllGlobalListeners();\n if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);\n }\n };\n let onPointerCancel = (e)=>{\n cancel(e);\n };\n pressProps.onDragStart = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.\n cancel(e);\n };\n } else {\n pressProps.onMouseDown = (e)=>{\n // Only handle left clicks\n if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;\n // Due to browser inconsistencies, especially on mobile browsers, we prevent\n // default on mouse down and handle focusing the pressable element ourselves.\n if ($f6c31cce2adf654f$var$shouldPreventDefault(e.currentTarget)) e.preventDefault();\n e.stopPropagation();\n if (state.ignoreEmulatedMouseEvents) return;\n state.isPressed = true;\n state.isOverTarget = true;\n state.target = e.currentTarget;\n state.pointerType = (0, $bx7SL$isVirtualClick)(e.nativeEvent) ? \"virtual\" : \"mouse\";\n if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);\n triggerPressStart(e, state.pointerType);\n addGlobalListener(document, \"mouseup\", onMouseUp, false);\n };\n pressProps.onMouseEnter = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n if (state.isPressed && !state.ignoreEmulatedMouseEvents) {\n state.isOverTarget = true;\n triggerPressStart(e, state.pointerType);\n }\n };\n pressProps.onMouseLeave = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n if (state.isPressed && !state.ignoreEmulatedMouseEvents) {\n state.isOverTarget = false;\n triggerPressEnd(e, state.pointerType, false);\n if (propsRef.current.shouldCancelOnPointerExit) cancel(e);\n }\n };\n pressProps.onMouseUp = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType);\n };\n let onMouseUp = (e)=>{\n // Only handle left clicks\n if (e.button !== 0) return;\n state.isPressed = false;\n removeAllGlobalListeners();\n if (state.ignoreEmulatedMouseEvents) {\n state.ignoreEmulatedMouseEvents = false;\n return;\n }\n if ($f6c31cce2adf654f$var$isOverTarget(e, state.target)) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);\n else if (state.isOverTarget) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);\n state.isOverTarget = false;\n };\n pressProps.onTouchStart = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);\n if (!touch) return;\n state.activePointerId = touch.identifier;\n state.ignoreEmulatedMouseEvents = true;\n state.isOverTarget = true;\n state.isPressed = true;\n state.target = e.currentTarget;\n state.pointerType = \"touch\";\n // Due to browser inconsistencies, especially on mobile browsers, we prevent default\n // on the emulated mouse event and handle focusing the pressable element ourselves.\n if (!isDisabled && !preventFocusOnPress) (0, $bx7SL$focusWithoutScrolling)(e.currentTarget);\n if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$16a4697467175487)(state.target);\n triggerPressStart(e, state.pointerType);\n addGlobalListener(window, \"scroll\", onScroll, true);\n };\n pressProps.onTouchMove = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n if (!state.isPressed) return;\n let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);\n if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {\n if (!state.isOverTarget) {\n state.isOverTarget = true;\n triggerPressStart(e, state.pointerType);\n }\n } else if (state.isOverTarget) {\n state.isOverTarget = false;\n triggerPressEnd(e, state.pointerType, false);\n if (propsRef.current.shouldCancelOnPointerExit) cancel(e);\n }\n };\n pressProps.onTouchEnd = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n if (!state.isPressed) return;\n let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);\n if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {\n triggerPressUp(e, state.pointerType);\n triggerPressEnd(e, state.pointerType);\n } else if (state.isOverTarget) triggerPressEnd(e, state.pointerType, false);\n state.isPressed = false;\n state.activePointerId = null;\n state.isOverTarget = false;\n state.ignoreEmulatedMouseEvents = true;\n if (!allowTextSelectionOnPress) (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(state.target);\n removeAllGlobalListeners();\n };\n pressProps.onTouchCancel = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n e.stopPropagation();\n if (state.isPressed) cancel(e);\n };\n let onScroll = (e)=>{\n if (state.isPressed && e.target.contains(state.target)) cancel({\n currentTarget: state.target,\n shiftKey: false,\n ctrlKey: false,\n metaKey: false,\n altKey: false\n });\n };\n pressProps.onDragStart = (e)=>{\n if (!e.currentTarget.contains(e.target)) return;\n cancel(e);\n };\n }\n return pressProps;\n }, [\n addGlobalListener,\n isDisabled,\n preventFocusOnPress,\n removeAllGlobalListeners,\n allowTextSelectionOnPress\n ]);\n // Remove user-select: none in case component unmounts immediately after pressStart\n // eslint-disable-next-line arrow-body-style\n (0, $bx7SL$useEffect)(()=>{\n return ()=>{\n if (!allowTextSelectionOnPress) // eslint-disable-next-line react-hooks/exhaustive-deps\n (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)(ref.current.target);\n };\n }, [\n allowTextSelectionOnPress\n ]);\n return {\n isPressed: isPressedProp || isPressed,\n pressProps: (0, $bx7SL$mergeProps)(domProps, pressProps)\n };\n}\nfunction $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {\n return target.tagName === \"A\" && target.hasAttribute(\"href\");\n}\nfunction $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {\n const { key: key , code: code } = event;\n const element = currentTarget;\n const role = element.getAttribute(\"role\");\n // Accessibility for keyboards. Space and Enter only.\n // \"Spacebar\" is for IE 11\n return (key === \"Enter\" || key === \" \" || key === \"Spacebar\" || code === \"Space\") && !(element instanceof HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof HTMLTextAreaElement || element.isContentEditable) && // A link with a valid href should be handled natively,\n // unless it also has role='button' and was triggered using Space.\n (!$f6c31cce2adf654f$var$isHTMLAnchorLink(element) || role === \"button\" && key !== \"Enter\") && // An element with role='link' should only trigger with Enter key\n !(role === \"link\" && key !== \"Enter\");\n}\nfunction $f6c31cce2adf654f$var$getTouchFromEvent(event) {\n const { targetTouches: targetTouches } = event;\n if (targetTouches.length > 0) return targetTouches[0];\n return null;\n}\nfunction $f6c31cce2adf654f$var$getTouchById(event, pointerId) {\n const changedTouches = event.changedTouches;\n for(let i = 0; i < changedTouches.length; i++){\n const touch = changedTouches[i];\n if (touch.identifier === pointerId) return touch;\n }\n return null;\n}\nfunction $f6c31cce2adf654f$var$createEvent(target, e) {\n return {\n currentTarget: target,\n shiftKey: e.shiftKey,\n ctrlKey: e.ctrlKey,\n metaKey: e.metaKey,\n altKey: e.altKey\n };\n}\nfunction $f6c31cce2adf654f$var$getPointClientRect(point) {\n let offsetX = point.width / 2 || point.radiusX || 0;\n let offsetY = point.height / 2 || point.radiusY || 0;\n return {\n top: point.clientY - offsetY,\n right: point.clientX + offsetX,\n bottom: point.clientY + offsetY,\n left: point.clientX - offsetX\n };\n}\nfunction $f6c31cce2adf654f$var$areRectanglesOverlapping(a, b) {\n // check if they cannot overlap on x axis\n if (a.left > b.right || b.left > a.right) return false;\n // check if they cannot overlap on y axis\n if (a.top > b.bottom || b.top > a.bottom) return false;\n return true;\n}\nfunction $f6c31cce2adf654f$var$isOverTarget(point, target) {\n let rect = target.getBoundingClientRect();\n let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);\n return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);\n}\nfunction $f6c31cce2adf654f$var$shouldPreventDefault(target) {\n // We cannot prevent default if the target is a draggable element.\n return !(target instanceof HTMLElement) || !target.draggable;\n}\nfunction $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {\n if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);\n if (target instanceof HTMLButtonElement) return target.type !== \"submit\";\n return true;\n}\nconst $f6c31cce2adf654f$var$nonTextInputTypes = new Set([\n \"checkbox\",\n \"radio\",\n \"range\",\n \"color\",\n \"file\",\n \"image\",\n \"button\",\n \"submit\",\n \"reset\"\n]);\nfunction $f6c31cce2adf654f$var$isValidInputKey(target, key) {\n // Only space should toggle checkboxes and radios, not enter.\n return target.type === \"checkbox\" || target.type === \"radio\" ? key === \" \" : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);\n}\n\n\n\nconst $3b117e43dc0ca95d$export$27c701ed9e449e99 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children , ...props }, ref)=>{\n let newRef = (0, $bx7SL$useRef)();\n ref = ref !== null && ref !== void 0 ? ref : newRef;\n let { pressProps: pressProps } = (0, $f6c31cce2adf654f$export$45712eceda6fad21)({\n ...props,\n ref: ref\n });\n let child = (0, $bx7SL$react).Children.only(children);\n return /*#__PURE__*/ (0, $bx7SL$react).cloneElement(child, // @ts-ignore\n {\n ref: ref,\n ...(0, $bx7SL$mergeProps)(child.props, pressProps)\n });\n});\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nconst $f1ab8c75478c6f73$export$3351871ee4b288b8 = /*#__PURE__*/ (0, $bx7SL$react).forwardRef(({ children: children , ...props }, ref)=>{\n let isRegistered = (0, $bx7SL$useRef)(false);\n let prevContext = (0, $bx7SL$useContext)((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5));\n let context = (0, $bx7SL$mergeProps)(prevContext || {}, {\n ...props,\n ref: ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref),\n register () {\n isRegistered.current = true;\n if (prevContext) prevContext.register();\n }\n });\n (0, $bx7SL$useSyncRef)(prevContext, ref);\n (0, $bx7SL$useEffect)(()=>{\n if (!isRegistered.current) console.warn(\"A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with component.\");\n }, []);\n return /*#__PURE__*/ (0, $bx7SL$react).createElement((0, $ae1eeba8b9eafd08$export$5165eccb35aaadb5).Provider, {\n value: context\n }, children);\n});\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nclass $8a9cb279dc87e130$export$905e7fc544a71f36 {\n isDefaultPrevented() {\n return this.nativeEvent.defaultPrevented;\n }\n preventDefault() {\n this.defaultPrevented = true;\n this.nativeEvent.preventDefault();\n }\n stopPropagation() {\n this.nativeEvent.stopPropagation();\n this.isPropagationStopped = ()=>true;\n }\n isPropagationStopped() {\n return false;\n }\n persist() {}\n constructor(type, nativeEvent){\n this.nativeEvent = nativeEvent;\n this.target = nativeEvent.target;\n this.currentTarget = nativeEvent.currentTarget;\n this.relatedTarget = nativeEvent.relatedTarget;\n this.bubbles = nativeEvent.bubbles;\n this.cancelable = nativeEvent.cancelable;\n this.defaultPrevented = nativeEvent.defaultPrevented;\n this.eventPhase = nativeEvent.eventPhase;\n this.isTrusted = nativeEvent.isTrusted;\n this.timeStamp = nativeEvent.timeStamp;\n this.type = type;\n }\n}\nfunction $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {\n let stateRef = (0, $bx7SL$useRef)({\n isFocused: false,\n onBlur: onBlur,\n observer: null\n });\n stateRef.current.onBlur = onBlur;\n // Clean up MutationObserver on unmount. See below.\n // eslint-disable-next-line arrow-body-style\n (0, $bx7SL$useLayoutEffect)(()=>{\n const state = stateRef.current;\n return ()=>{\n if (state.observer) {\n state.observer.disconnect();\n state.observer = null;\n }\n };\n }, []);\n // This function is called during a React onFocus event.\n return (0, $bx7SL$useCallback)((e)=>{\n // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142\n // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a\n // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.\n // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.\n if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {\n stateRef.current.isFocused = true;\n let target = e.target;\n let onBlurHandler = (e)=>{\n var // For backward compatibility, dispatch a (fake) React synthetic event.\n _stateRef_current, _stateRef_current_onBlur;\n stateRef.current.isFocused = false;\n if (target.disabled) (_stateRef_current_onBlur = (_stateRef_current = stateRef.current).onBlur) === null || _stateRef_current_onBlur === void 0 ? void 0 : _stateRef_current_onBlur.call(_stateRef_current, new $8a9cb279dc87e130$export$905e7fc544a71f36(\"blur\", e));\n // We no longer need the MutationObserver once the target is blurred.\n if (stateRef.current.observer) {\n stateRef.current.observer.disconnect();\n stateRef.current.observer = null;\n }\n };\n target.addEventListener(\"focusout\", onBlurHandler, {\n once: true\n });\n stateRef.current.observer = new MutationObserver(()=>{\n if (stateRef.current.isFocused && target.disabled) {\n stateRef.current.observer.disconnect();\n target.dispatchEvent(new FocusEvent(\"blur\"));\n target.dispatchEvent(new FocusEvent(\"focusout\", {\n bubbles: true\n }));\n }\n });\n stateRef.current.observer.observe(target, {\n attributes: true,\n attributeFilter: [\n \"disabled\"\n ]\n });\n }\n }, []);\n}\n\n\nfunction $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {\n let { isDisabled: isDisabled , onFocus: onFocusProp , onBlur: onBlurProp , onFocusChange: onFocusChange } = props;\n const onBlur = (0, $bx7SL$useCallback)((e)=>{\n if (e.target === e.currentTarget) {\n if (onBlurProp) onBlurProp(e);\n if (onFocusChange) onFocusChange(false);\n return true;\n }\n }, [\n onBlurProp,\n onFocusChange\n ]);\n const onSyntheticFocus = (0, $8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);\n const onFocus = (0, $bx7SL$useCallback)((e)=>{\n if (e.target === e.currentTarget) {\n if (onFocusProp) onFocusProp(e);\n if (onFocusChange) onFocusChange(true);\n onSyntheticFocus(e);\n }\n }, [\n onFocusChange,\n onFocusProp,\n onSyntheticFocus\n ]);\n return {\n focusProps: {\n onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,\n onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined\n }\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\n\nlet $507fabe10e71c6fb$var$currentModality = null;\nlet $507fabe10e71c6fb$var$changeHandlers = new Set();\nlet $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;\nlet $507fabe10e71c6fb$var$hasEventBeforeFocus = false;\nlet $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;\n// Only Tab or Esc keys will make focus visible on text input elements\nconst $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {\n Tab: true,\n Escape: true\n};\nfunction $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {\n for (let handler of $507fabe10e71c6fb$var$changeHandlers)handler(modality, e);\n}\n/**\n * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.\n */ function $507fabe10e71c6fb$var$isValidKey(e) {\n // Control and Shift keys trigger when navigating back to the tab with keyboard.\n return !(e.metaKey || !(0, $bx7SL$isMac)() && e.altKey || e.ctrlKey || e.key === \"Control\" || e.key === \"Shift\" || e.key === \"Meta\");\n}\nfunction $507fabe10e71c6fb$var$handleKeyboardEvent(e) {\n $507fabe10e71c6fb$var$hasEventBeforeFocus = true;\n if ($507fabe10e71c6fb$var$isValidKey(e)) {\n $507fabe10e71c6fb$var$currentModality = \"keyboard\";\n $507fabe10e71c6fb$var$triggerChangeHandlers(\"keyboard\", e);\n }\n}\nfunction $507fabe10e71c6fb$var$handlePointerEvent(e) {\n $507fabe10e71c6fb$var$currentModality = \"pointer\";\n if (e.type === \"mousedown\" || e.type === \"pointerdown\") {\n $507fabe10e71c6fb$var$hasEventBeforeFocus = true;\n $507fabe10e71c6fb$var$triggerChangeHandlers(\"pointer\", e);\n }\n}\nfunction $507fabe10e71c6fb$var$handleClickEvent(e) {\n if ((0, $bx7SL$isVirtualClick)(e)) {\n $507fabe10e71c6fb$var$hasEventBeforeFocus = true;\n $507fabe10e71c6fb$var$currentModality = \"virtual\";\n }\n}\nfunction $507fabe10e71c6fb$var$handleFocusEvent(e) {\n // Firefox fires two extra focus events when the user first clicks into an iframe:\n // first on the window, then on the document. We ignore these events so they don't\n // cause keyboard focus rings to appear.\n if (e.target === window || e.target === document) return;\n // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.\n // This occurs, for example, when navigating a form with the next/previous buttons on iOS.\n if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {\n $507fabe10e71c6fb$var$currentModality = \"virtual\";\n $507fabe10e71c6fb$var$triggerChangeHandlers(\"virtual\", e);\n }\n $507fabe10e71c6fb$var$hasEventBeforeFocus = false;\n $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;\n}\nfunction $507fabe10e71c6fb$var$handleWindowBlur() {\n // When the window is blurred, reset state. This is necessary when tabbing out of the window,\n // for example, since a subsequent focus event won't be fired.\n $507fabe10e71c6fb$var$hasEventBeforeFocus = false;\n $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;\n}\n/**\n * Setup global event listeners to control when keyboard focus style should be visible.\n */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {\n if (typeof window === \"undefined\" || $507fabe10e71c6fb$var$hasSetupGlobalListeners) return;\n // Programmatic focus() calls shouldn't affect the current input modality.\n // However, we need to detect other cases when a focus event occurs without\n // a preceding user event (e.g. screen reader focus). Overriding the focus\n // method on HTMLElement.prototype is a bit hacky, but works.\n let focus = HTMLElement.prototype.focus;\n HTMLElement.prototype.focus = function() {\n $507fabe10e71c6fb$var$hasEventBeforeFocus = true;\n focus.apply(this, arguments);\n };\n document.addEventListener(\"keydown\", $507fabe10e71c6fb$var$handleKeyboardEvent, true);\n document.addEventListener(\"keyup\", $507fabe10e71c6fb$var$handleKeyboardEvent, true);\n document.addEventListener(\"click\", $507fabe10e71c6fb$var$handleClickEvent, true);\n // Register focus events on the window so they are sure to happen\n // before React's event listeners (registered on the document).\n window.addEventListener(\"focus\", $507fabe10e71c6fb$var$handleFocusEvent, true);\n window.addEventListener(\"blur\", $507fabe10e71c6fb$var$handleWindowBlur, false);\n if (typeof PointerEvent !== \"undefined\") {\n document.addEventListener(\"pointerdown\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n document.addEventListener(\"pointermove\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n document.addEventListener(\"pointerup\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n } else {\n document.addEventListener(\"mousedown\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n document.addEventListener(\"mousemove\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n document.addEventListener(\"mouseup\", $507fabe10e71c6fb$var$handlePointerEvent, true);\n }\n $507fabe10e71c6fb$var$hasSetupGlobalListeners = true;\n}\nif (typeof document !== \"undefined\") {\n if (document.readyState !== \"loading\") $507fabe10e71c6fb$var$setupGlobalFocusEvents();\n else document.addEventListener(\"DOMContentLoaded\", $507fabe10e71c6fb$var$setupGlobalFocusEvents);\n}\nfunction $507fabe10e71c6fb$export$b9b3dfddab17db27() {\n return $507fabe10e71c6fb$var$currentModality !== \"pointer\";\n}\nfunction $507fabe10e71c6fb$export$630ff653c5ada6a9() {\n return $507fabe10e71c6fb$var$currentModality;\n}\nfunction $507fabe10e71c6fb$export$8397ddfc504fdb9a(modality) {\n $507fabe10e71c6fb$var$currentModality = modality;\n $507fabe10e71c6fb$var$triggerChangeHandlers(modality, null);\n}\nfunction $507fabe10e71c6fb$export$98e20ec92f614cfe() {\n $507fabe10e71c6fb$var$setupGlobalFocusEvents();\n let [modality, setModality] = (0, $bx7SL$useState)($507fabe10e71c6fb$var$currentModality);\n (0, $bx7SL$useEffect)(()=>{\n let handler = ()=>{\n setModality($507fabe10e71c6fb$var$currentModality);\n };\n $507fabe10e71c6fb$var$changeHandlers.add(handler);\n return ()=>{\n $507fabe10e71c6fb$var$changeHandlers.delete(handler);\n };\n }, []);\n return modality;\n}\n/**\n * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that\n * focus visible style can be properly set.\n */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {\n return !(isTextInput && modality === \"keyboard\" && e instanceof KeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);\n}\nfunction $507fabe10e71c6fb$export$ffd9e5021c1fb2d6(props = {}) {\n let { isTextInput: isTextInput , autoFocus: autoFocus } = props;\n let [isFocusVisibleState, setFocusVisible] = (0, $bx7SL$useState)(autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27());\n $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible)=>{\n setFocusVisible(isFocusVisible);\n }, [\n isTextInput\n ], {\n isTextInput: isTextInput\n });\n return {\n isFocusVisible: isFocusVisibleState\n };\n}\nfunction $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {\n $507fabe10e71c6fb$var$setupGlobalFocusEvents();\n (0, $bx7SL$useEffect)(()=>{\n let handler = (modality, e)=>{\n if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(opts === null || opts === void 0 ? void 0 : opts.isTextInput, modality, e)) return;\n fn($507fabe10e71c6fb$export$b9b3dfddab17db27());\n };\n $507fabe10e71c6fb$var$changeHandlers.add(handler);\n return ()=>{\n $507fabe10e71c6fb$var$changeHandlers.delete(handler);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\n\nfunction $9ab94262bd0047c7$export$420e68273165f4ec(props) {\n let { isDisabled: isDisabled , onBlurWithin: onBlurWithin , onFocusWithin: onFocusWithin , onFocusWithinChange: onFocusWithinChange } = props;\n let state = (0, $bx7SL$useRef)({\n isFocusWithin: false\n });\n let onBlur = (0, $bx7SL$useCallback)((e)=>{\n // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n // when moving focus inside the element. Only trigger if the currentTarget doesn't\n // include the relatedTarget (where focus is moving).\n if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {\n state.current.isFocusWithin = false;\n if (onBlurWithin) onBlurWithin(e);\n if (onFocusWithinChange) onFocusWithinChange(false);\n }\n }, [\n onBlurWithin,\n onFocusWithinChange,\n state\n ]);\n let onSyntheticFocus = (0, $8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);\n let onFocus = (0, $bx7SL$useCallback)((e)=>{\n if (!state.current.isFocusWithin) {\n if (onFocusWithin) onFocusWithin(e);\n if (onFocusWithinChange) onFocusWithinChange(true);\n state.current.isFocusWithin = true;\n onSyntheticFocus(e);\n }\n }, [\n onFocusWithin,\n onFocusWithinChange,\n onSyntheticFocus\n ]);\n if (isDisabled) return {\n focusWithinProps: {\n onFocus: null,\n onBlur: null\n }\n };\n return {\n focusWithinProps: {\n onFocus: onFocus,\n onBlur: onBlur\n }\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\n// iOS fires onPointerEnter twice: once with pointerType=\"touch\" and again with pointerType=\"mouse\".\n// We want to ignore these emulated events so they do not trigger hover behavior.\n// See https://bugs.webkit.org/show_bug.cgi?id=214609.\nlet $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;\nlet $6179b936705e76d3$var$hoverCount = 0;\nfunction $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {\n $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;\n // Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter\n // with pointerType=\"mouse\" immediately after onPointerUp and before onFocus. On other\n // devices that don't have this quirk, we don't want to ignore a mouse hover sometime in\n // the distant future because a user previously touched the element.\n setTimeout(()=>{\n $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;\n }, 50);\n}\nfunction $6179b936705e76d3$var$handleGlobalPointerEvent(e) {\n if (e.pointerType === \"touch\") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();\n}\nfunction $6179b936705e76d3$var$setupGlobalTouchEvents() {\n if (typeof document === \"undefined\") return;\n if (typeof PointerEvent !== \"undefined\") document.addEventListener(\"pointerup\", $6179b936705e76d3$var$handleGlobalPointerEvent);\n else document.addEventListener(\"touchend\", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);\n $6179b936705e76d3$var$hoverCount++;\n return ()=>{\n $6179b936705e76d3$var$hoverCount--;\n if ($6179b936705e76d3$var$hoverCount > 0) return;\n if (typeof PointerEvent !== \"undefined\") document.removeEventListener(\"pointerup\", $6179b936705e76d3$var$handleGlobalPointerEvent);\n else document.removeEventListener(\"touchend\", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);\n };\n}\nfunction $6179b936705e76d3$export$ae780daf29e6d456(props) {\n let { onHoverStart: onHoverStart , onHoverChange: onHoverChange , onHoverEnd: onHoverEnd , isDisabled: isDisabled } = props;\n let [isHovered, setHovered] = (0, $bx7SL$useState)(false);\n let state = (0, $bx7SL$useRef)({\n isHovered: false,\n ignoreEmulatedMouseEvents: false,\n pointerType: \"\",\n target: null\n }).current;\n (0, $bx7SL$useEffect)($6179b936705e76d3$var$setupGlobalTouchEvents, []);\n let { hoverProps: hoverProps , triggerHoverEnd: triggerHoverEnd } = (0, $bx7SL$useMemo)(()=>{\n let triggerHoverStart = (event, pointerType)=>{\n state.pointerType = pointerType;\n if (isDisabled || pointerType === \"touch\" || state.isHovered || !event.currentTarget.contains(event.target)) return;\n state.isHovered = true;\n let target = event.currentTarget;\n state.target = target;\n if (onHoverStart) onHoverStart({\n type: \"hoverstart\",\n target: target,\n pointerType: pointerType\n });\n if (onHoverChange) onHoverChange(true);\n setHovered(true);\n };\n let triggerHoverEnd = (event, pointerType)=>{\n state.pointerType = \"\";\n state.target = null;\n if (pointerType === \"touch\" || !state.isHovered) return;\n state.isHovered = false;\n let target = event.currentTarget;\n if (onHoverEnd) onHoverEnd({\n type: \"hoverend\",\n target: target,\n pointerType: pointerType\n });\n if (onHoverChange) onHoverChange(false);\n setHovered(false);\n };\n let hoverProps = {};\n if (typeof PointerEvent !== \"undefined\") {\n hoverProps.onPointerEnter = (e)=>{\n if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === \"mouse\") return;\n triggerHoverStart(e, e.pointerType);\n };\n hoverProps.onPointerLeave = (e)=>{\n if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, e.pointerType);\n };\n } else {\n hoverProps.onTouchStart = ()=>{\n state.ignoreEmulatedMouseEvents = true;\n };\n hoverProps.onMouseEnter = (e)=>{\n if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, \"mouse\");\n state.ignoreEmulatedMouseEvents = false;\n };\n hoverProps.onMouseLeave = (e)=>{\n if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, \"mouse\");\n };\n }\n return {\n hoverProps: hoverProps,\n triggerHoverEnd: triggerHoverEnd\n };\n }, [\n onHoverStart,\n onHoverChange,\n onHoverEnd,\n isDisabled,\n state\n ]);\n (0, $bx7SL$useEffect)(()=>{\n // Call the triggerHoverEnd as soon as isDisabled changes to true\n // Safe to call triggerHoverEnd, it will early return if we aren't currently hovering\n if (isDisabled) triggerHoverEnd({\n currentTarget: state.target\n }, state.pointerType);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n isDisabled\n ]);\n return {\n hoverProps: hoverProps,\n isHovered: isHovered\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // Portions of the code in this file are based on code from react.\n// Original licensing for the following can be found in the\n// NOTICE file in the root directory of this source tree.\n// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions\n\nfunction $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {\n let { ref: ref , onInteractOutside: onInteractOutside , isDisabled: isDisabled , onInteractOutsideStart: onInteractOutsideStart } = props;\n let stateRef = (0, $bx7SL$useRef)({\n isPointerDown: false,\n ignoreEmulatedMouseEvents: false,\n onInteractOutside: onInteractOutside,\n onInteractOutsideStart: onInteractOutsideStart\n });\n let state = stateRef.current;\n state.onInteractOutside = onInteractOutside;\n state.onInteractOutsideStart = onInteractOutsideStart;\n (0, $bx7SL$useEffect)(()=>{\n if (isDisabled) return;\n let onPointerDown = (e)=>{\n if ($e0b6e0b68ec7f50f$var$isValidEvent(e, ref) && state.onInteractOutside) {\n if (state.onInteractOutsideStart) state.onInteractOutsideStart(e);\n state.isPointerDown = true;\n }\n };\n // Use pointer events if available. Otherwise, fall back to mouse and touch events.\n if (typeof PointerEvent !== \"undefined\") {\n let onPointerUp = (e)=>{\n if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);\n state.isPointerDown = false;\n };\n // changing these to capture phase fixed combobox\n document.addEventListener(\"pointerdown\", onPointerDown, true);\n document.addEventListener(\"pointerup\", onPointerUp, true);\n return ()=>{\n document.removeEventListener(\"pointerdown\", onPointerDown, true);\n document.removeEventListener(\"pointerup\", onPointerUp, true);\n };\n } else {\n let onMouseUp = (e)=>{\n if (state.ignoreEmulatedMouseEvents) state.ignoreEmulatedMouseEvents = false;\n else if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);\n state.isPointerDown = false;\n };\n let onTouchEnd = (e)=>{\n state.ignoreEmulatedMouseEvents = true;\n if (state.onInteractOutside && state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) state.onInteractOutside(e);\n state.isPointerDown = false;\n };\n document.addEventListener(\"mousedown\", onPointerDown, true);\n document.addEventListener(\"mouseup\", onMouseUp, true);\n document.addEventListener(\"touchstart\", onPointerDown, true);\n document.addEventListener(\"touchend\", onTouchEnd, true);\n return ()=>{\n document.removeEventListener(\"mousedown\", onPointerDown, true);\n document.removeEventListener(\"mouseup\", onMouseUp, true);\n document.removeEventListener(\"touchstart\", onPointerDown, true);\n document.removeEventListener(\"touchend\", onTouchEnd, true);\n };\n }\n }, [\n ref,\n state,\n isDisabled\n ]);\n}\nfunction $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {\n if (event.button > 0) return false;\n if (event.target) {\n // if the event target is no longer in the document, ignore\n const ownerDocument = event.target.ownerDocument;\n if (!ownerDocument || !ownerDocument.documentElement.contains(event.target)) return false;\n // If the target is within a top layer element (e.g. toasts), ignore.\n if (event.target.closest(\"[data-react-aria-top-layer]\")) return false;\n }\n return ref.current && !ref.current.contains(event.target);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $93925083ecbb358c$export$48d1ea6320830260(handler) {\n if (!handler) return;\n let shouldStopPropagation = true;\n return (e)=>{\n let event = {\n ...e,\n preventDefault () {\n e.preventDefault();\n },\n isDefaultPrevented () {\n return e.isDefaultPrevented();\n },\n stopPropagation () {\n console.error(\"stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.\");\n },\n continuePropagation () {\n shouldStopPropagation = false;\n }\n };\n handler(event);\n if (shouldStopPropagation) e.stopPropagation();\n };\n}\n\n\nfunction $46d819fcbaf35654$export$8f71654801c2f7cd(props) {\n return {\n keyboardProps: props.isDisabled ? {} : {\n onKeyDown: (0, $93925083ecbb358c$export$48d1ea6320830260)(props.onKeyDown),\n onKeyUp: (0, $93925083ecbb358c$export$48d1ea6320830260)(props.onKeyUp)\n }\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $e8a7022cf87cba2a$export$36da96379f79f245(props) {\n let { onMoveStart: onMoveStart , onMove: onMove , onMoveEnd: onMoveEnd } = props;\n let state = (0, $bx7SL$useRef)({\n didMove: false,\n lastPosition: null,\n id: null\n });\n let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = (0, $bx7SL$useGlobalListeners)();\n let moveProps = (0, $bx7SL$useMemo)(()=>{\n let moveProps = {};\n let start = ()=>{\n (0, $14c0b72509d70225$export$16a4697467175487)();\n state.current.didMove = false;\n };\n let move = (originalEvent, pointerType, deltaX, deltaY)=>{\n if (deltaX === 0 && deltaY === 0) return;\n if (!state.current.didMove) {\n state.current.didMove = true;\n onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart({\n type: \"movestart\",\n pointerType: pointerType,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n }\n onMove({\n type: \"move\",\n pointerType: pointerType,\n deltaX: deltaX,\n deltaY: deltaY,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n };\n let end = (originalEvent, pointerType)=>{\n (0, $14c0b72509d70225$export$b0d6fa1ab32e3295)();\n if (state.current.didMove) onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({\n type: \"moveend\",\n pointerType: pointerType,\n shiftKey: originalEvent.shiftKey,\n metaKey: originalEvent.metaKey,\n ctrlKey: originalEvent.ctrlKey,\n altKey: originalEvent.altKey\n });\n };\n if (typeof PointerEvent === \"undefined\") {\n let onMouseMove = (e)=>{\n if (e.button === 0) {\n move(e, \"mouse\", e.pageX - state.current.lastPosition.pageX, e.pageY - state.current.lastPosition.pageY);\n state.current.lastPosition = {\n pageX: e.pageX,\n pageY: e.pageY\n };\n }\n };\n let onMouseUp = (e)=>{\n if (e.button === 0) {\n end(e, \"mouse\");\n removeGlobalListener(window, \"mousemove\", onMouseMove, false);\n removeGlobalListener(window, \"mouseup\", onMouseUp, false);\n }\n };\n moveProps.onMouseDown = (e)=>{\n if (e.button === 0) {\n start();\n e.stopPropagation();\n e.preventDefault();\n state.current.lastPosition = {\n pageX: e.pageX,\n pageY: e.pageY\n };\n addGlobalListener(window, \"mousemove\", onMouseMove, false);\n addGlobalListener(window, \"mouseup\", onMouseUp, false);\n }\n };\n let onTouchMove = (e)=>{\n let touch = [\n ...e.changedTouches\n ].findIndex(({ identifier: identifier })=>identifier === state.current.id);\n if (touch >= 0) {\n let { pageX: pageX , pageY: pageY } = e.changedTouches[touch];\n move(e, \"touch\", pageX - state.current.lastPosition.pageX, pageY - state.current.lastPosition.pageY);\n state.current.lastPosition = {\n pageX: pageX,\n pageY: pageY\n };\n }\n };\n let onTouchEnd = (e)=>{\n let touch = [\n ...e.changedTouches\n ].findIndex(({ identifier: identifier })=>identifier === state.current.id);\n if (touch >= 0) {\n end(e, \"touch\");\n state.current.id = null;\n removeGlobalListener(window, \"touchmove\", onTouchMove);\n removeGlobalListener(window, \"touchend\", onTouchEnd);\n removeGlobalListener(window, \"touchcancel\", onTouchEnd);\n }\n };\n moveProps.onTouchStart = (e)=>{\n if (e.changedTouches.length === 0 || state.current.id != null) return;\n let { pageX: pageX , pageY: pageY , identifier: identifier } = e.changedTouches[0];\n start();\n e.stopPropagation();\n e.preventDefault();\n state.current.lastPosition = {\n pageX: pageX,\n pageY: pageY\n };\n state.current.id = identifier;\n addGlobalListener(window, \"touchmove\", onTouchMove, false);\n addGlobalListener(window, \"touchend\", onTouchEnd, false);\n addGlobalListener(window, \"touchcancel\", onTouchEnd, false);\n };\n } else {\n let onPointerMove = (e)=>{\n if (e.pointerId === state.current.id) {\n let pointerType = e.pointerType || \"mouse\";\n // Problems with PointerEvent#movementX/movementY:\n // 1. it is always 0 on macOS Safari.\n // 2. On Chrome Android, it's scaled by devicePixelRatio, but not on Chrome macOS\n move(e, pointerType, e.pageX - state.current.lastPosition.pageX, e.pageY - state.current.lastPosition.pageY);\n state.current.lastPosition = {\n pageX: e.pageX,\n pageY: e.pageY\n };\n }\n };\n let onPointerUp = (e)=>{\n if (e.pointerId === state.current.id) {\n let pointerType = e.pointerType || \"mouse\";\n end(e, pointerType);\n state.current.id = null;\n removeGlobalListener(window, \"pointermove\", onPointerMove, false);\n removeGlobalListener(window, \"pointerup\", onPointerUp, false);\n removeGlobalListener(window, \"pointercancel\", onPointerUp, false);\n }\n };\n moveProps.onPointerDown = (e)=>{\n if (e.button === 0 && state.current.id == null) {\n start();\n e.stopPropagation();\n e.preventDefault();\n state.current.lastPosition = {\n pageX: e.pageX,\n pageY: e.pageY\n };\n state.current.id = e.pointerId;\n addGlobalListener(window, \"pointermove\", onPointerMove, false);\n addGlobalListener(window, \"pointerup\", onPointerUp, false);\n addGlobalListener(window, \"pointercancel\", onPointerUp, false);\n }\n };\n }\n let triggerKeyboardMove = (e, deltaX, deltaY)=>{\n start();\n move(e, \"keyboard\", deltaX, deltaY);\n end(e, \"keyboard\");\n };\n moveProps.onKeyDown = (e)=>{\n switch(e.key){\n case \"Left\":\n case \"ArrowLeft\":\n e.preventDefault();\n e.stopPropagation();\n triggerKeyboardMove(e, -1, 0);\n break;\n case \"Right\":\n case \"ArrowRight\":\n e.preventDefault();\n e.stopPropagation();\n triggerKeyboardMove(e, 1, 0);\n break;\n case \"Up\":\n case \"ArrowUp\":\n e.preventDefault();\n e.stopPropagation();\n triggerKeyboardMove(e, 0, -1);\n break;\n case \"Down\":\n case \"ArrowDown\":\n e.preventDefault();\n e.stopPropagation();\n triggerKeyboardMove(e, 0, 1);\n break;\n }\n };\n return moveProps;\n }, [\n state,\n onMoveStart,\n onMove,\n onMoveEnd,\n addGlobalListener,\n removeGlobalListener\n ]);\n return {\n moveProps: moveProps\n };\n}\n\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {\n let { onScroll: onScroll , isDisabled: isDisabled } = props;\n let onScrollHandler = (0, $bx7SL$useCallback)((e)=>{\n // If the ctrlKey is pressed, this is a zoom event, do nothing.\n if (e.ctrlKey) return;\n // stop scrolling the page\n e.preventDefault();\n e.stopPropagation();\n if (onScroll) onScroll({\n deltaX: e.deltaX,\n deltaY: e.deltaY\n });\n }, [\n onScroll\n ]);\n (0, $bx7SL$useEvent)(ref, \"wheel\", isDisabled ? null : onScrollHandler);\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nconst $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;\nfunction $8a26561d2877236e$export$c24ed0104d07eab9(props) {\n let { isDisabled: isDisabled , onLongPressStart: onLongPressStart , onLongPressEnd: onLongPressEnd , onLongPress: onLongPress , threshold: threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD , accessibilityDescription: accessibilityDescription } = props;\n const timeRef = (0, $bx7SL$useRef)(null);\n let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener } = (0, $bx7SL$useGlobalListeners)();\n let { pressProps: pressProps } = (0, $f6c31cce2adf654f$export$45712eceda6fad21)({\n isDisabled: isDisabled,\n onPressStart (e) {\n if (e.pointerType === \"mouse\" || e.pointerType === \"touch\") {\n if (onLongPressStart) onLongPressStart({\n ...e,\n type: \"longpressstart\"\n });\n timeRef.current = setTimeout(()=>{\n // Prevent other usePress handlers from also handling this event.\n e.target.dispatchEvent(new PointerEvent(\"pointercancel\", {\n bubbles: true\n }));\n if (onLongPress) onLongPress({\n ...e,\n type: \"longpress\"\n });\n timeRef.current = null;\n }, threshold);\n // Prevent context menu, which may be opened on long press on touch devices\n if (e.pointerType === \"touch\") {\n let onContextMenu = (e)=>{\n e.preventDefault();\n };\n addGlobalListener(e.target, \"contextmenu\", onContextMenu, {\n once: true\n });\n addGlobalListener(window, \"pointerup\", ()=>{\n // If no contextmenu event is fired quickly after pointerup, remove the handler\n // so future context menu events outside a long press are not prevented.\n setTimeout(()=>{\n removeGlobalListener(e.target, \"contextmenu\", onContextMenu);\n }, 30);\n }, {\n once: true\n });\n }\n }\n },\n onPressEnd (e) {\n if (timeRef.current) clearTimeout(timeRef.current);\n if (onLongPressEnd && (e.pointerType === \"mouse\" || e.pointerType === \"touch\")) onLongPressEnd({\n ...e,\n type: \"longpressend\"\n });\n }\n });\n let descriptionProps = (0, $bx7SL$useDescription)(onLongPress && !isDisabled ? accessibilityDescription : null);\n return {\n longPressProps: (0, $bx7SL$mergeProps)(pressProps, descriptionProps)\n };\n}\n\n\n\n\nexport {$3b117e43dc0ca95d$export$27c701ed9e449e99 as Pressable, $f1ab8c75478c6f73$export$3351871ee4b288b8 as PressResponder, $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as useFocus, $507fabe10e71c6fb$export$b9b3dfddab17db27 as isFocusVisible, $507fabe10e71c6fb$export$630ff653c5ada6a9 as getInteractionModality, $507fabe10e71c6fb$export$8397ddfc504fdb9a as setInteractionModality, $507fabe10e71c6fb$export$98e20ec92f614cfe as useInteractionModality, $507fabe10e71c6fb$export$ffd9e5021c1fb2d6 as useFocusVisible, $507fabe10e71c6fb$export$ec71b4b83ac08ec3 as useFocusVisibleListener, $9ab94262bd0047c7$export$420e68273165f4ec as useFocusWithin, $6179b936705e76d3$export$ae780daf29e6d456 as useHover, $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 as useInteractOutside, $46d819fcbaf35654$export$8f71654801c2f7cd as useKeyboard, $e8a7022cf87cba2a$export$36da96379f79f245 as useMove, $f6c31cce2adf654f$export$45712eceda6fad21 as usePress, $7d0a636d7a4dcefd$export$2123ff2b87c81ca as useScrollWheel, $8a26561d2877236e$export$c24ed0104d07eab9 as useLongPress};\n//# sourceMappingURL=module.js.map\n","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n","import $6nfFC$swchelperssrc_define_propertymjs from \"@swc/helpers/src/_define_property.mjs\";\nimport $6nfFC$react, {useRef as $6nfFC$useRef, useContext as $6nfFC$useContext, useMemo as $6nfFC$useMemo, useEffect as $6nfFC$useEffect, useState as $6nfFC$useState, useCallback as $6nfFC$useCallback} from \"react\";\nimport {useLayoutEffect as $6nfFC$useLayoutEffect, runAfterTransition as $6nfFC$runAfterTransition, focusWithoutScrolling as $6nfFC$focusWithoutScrolling, mergeProps as $6nfFC$mergeProps, useSyncRef as $6nfFC$useSyncRef} from \"@react-aria/utils\";\nimport {getInteractionModality as $6nfFC$getInteractionModality, isFocusVisible as $6nfFC$isFocusVisible, useFocusVisibleListener as $6nfFC$useFocusVisibleListener, useFocus as $6nfFC$useFocus, useFocusWithin as $6nfFC$useFocusWithin, useKeyboard as $6nfFC$useKeyboard} from \"@react-aria/interactions\";\nimport $6nfFC$clsx from \"clsx\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $6a99195332edec8b$export$80f3e147d781571c(element) {\n // If the user is interacting with a virtual cursor, e.g. screen reader, then\n // wait until after any animated transitions that are currently occurring on\n // the page before shifting focus. This avoids issues with VoiceOver on iOS\n // causing the page to scroll when moving focus if the element is transitioning\n // from off the screen.\n if ((0, $6nfFC$getInteractionModality)() === \"virtual\") {\n let lastFocusedElement = document.activeElement;\n (0, $6nfFC$runAfterTransition)(()=>{\n // If focus did not move and the element is still in the document, focus it.\n if (document.activeElement === lastFocusedElement && document.contains(element)) (0, $6nfFC$focusWithoutScrolling)(element);\n });\n } else (0, $6nfFC$focusWithoutScrolling)(element);\n}\n\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $645f2e67b85a24c9$var$isStyleVisible(element) {\n if (!(element instanceof HTMLElement) && !(element instanceof SVGElement)) return false;\n let { display: display , visibility: visibility } = element.style;\n let isVisible = display !== \"none\" && visibility !== \"hidden\" && visibility !== \"collapse\";\n if (isVisible) {\n const { getComputedStyle: getComputedStyle } = element.ownerDocument.defaultView;\n let { display: computedDisplay , visibility: computedVisibility } = getComputedStyle(element);\n isVisible = computedDisplay !== \"none\" && computedVisibility !== \"hidden\" && computedVisibility !== \"collapse\";\n }\n return isVisible;\n}\nfunction $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) {\n return !element.hasAttribute(\"hidden\") && (element.nodeName === \"DETAILS\" && childElement && childElement.nodeName !== \"SUMMARY\" ? element.hasAttribute(\"open\") : true);\n}\nfunction $645f2e67b85a24c9$export$e989c0fffaa6b27a(element, childElement) {\n return element.nodeName !== \"#comment\" && $645f2e67b85a24c9$var$isStyleVisible(element) && $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) && (!element.parentElement || $645f2e67b85a24c9$export$e989c0fffaa6b27a(element.parentElement, element));\n}\n\n\n\n\nconst $9bf71ea28793e738$var$FocusContext = /*#__PURE__*/ (0, $6nfFC$react).createContext(null);\nlet $9bf71ea28793e738$var$activeScope = null;\nfunction $9bf71ea28793e738$export$20e40289641fbbb6(props) {\n let { children: children , contain: contain , restoreFocus: restoreFocus , autoFocus: autoFocus } = props;\n let startRef = (0, $6nfFC$useRef)();\n let endRef = (0, $6nfFC$useRef)();\n let scopeRef = (0, $6nfFC$useRef)([]);\n let { parentNode: parentNode } = (0, $6nfFC$useContext)($9bf71ea28793e738$var$FocusContext) || {};\n // Create a tree node here so we can add children to it even before it is added to the tree.\n let node = (0, $6nfFC$useMemo)(()=>new $9bf71ea28793e738$var$TreeNode({\n scopeRef: scopeRef\n }), [\n scopeRef\n ]);\n (0, $6nfFC$useLayoutEffect)(()=>{\n // If a new scope mounts outside the active scope, (e.g. DialogContainer launched from a menu),\n // use the active scope as the parent instead of the parent from context. Layout effects run bottom\n // up, so if the parent is not yet added to the tree, don't do this. Only the outer-most FocusScope\n // that is being added should get the activeScope as its parent.\n let parent = parentNode || $9bf71ea28793e738$export$d06fae2ee68b101e.root;\n if ($9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parent.scopeRef) && $9bf71ea28793e738$var$activeScope && !$9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, parent.scopeRef)) {\n let activeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);\n if (activeNode) parent = activeNode;\n }\n // Add the node to the parent, and to the tree.\n parent.addChild(node);\n $9bf71ea28793e738$export$d06fae2ee68b101e.addNode(node);\n }, [\n node,\n parentNode\n ]);\n (0, $6nfFC$useLayoutEffect)(()=>{\n let node = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);\n node.contain = contain;\n }, [\n contain\n ]);\n (0, $6nfFC$useLayoutEffect)(()=>{\n // Find all rendered nodes between the sentinels and add them to the scope.\n let node = startRef.current.nextSibling;\n let nodes = [];\n while(node && node !== endRef.current){\n nodes.push(node);\n node = node.nextSibling;\n }\n scopeRef.current = nodes;\n }, [\n children\n ]);\n $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restoreFocus, contain);\n $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain);\n $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain);\n $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus);\n // this layout effect needs to run last so that focusScopeTree cleanup happens at the last moment possible\n (0, $6nfFC$useEffect)(()=>{\n if (scopeRef) {\n let activeElement = document.activeElement;\n let scope = null;\n // In strict mode, active scope is incorrectly updated since cleanup will run even though scope hasn't unmounted.\n // To fix this, we need to update the actual activeScope here\n if ($9bf71ea28793e738$var$isElementInScope(activeElement, scopeRef.current)) {\n // Since useLayoutEffect runs for children first, we need to traverse the focusScope tree and find the bottom most scope that\n // contains the active element and set that as the activeScope\n for (let node of $9bf71ea28793e738$export$d06fae2ee68b101e.traverse())if ($9bf71ea28793e738$var$isElementInScope(activeElement, node.scopeRef.current)) scope = node;\n if (scope === $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) $9bf71ea28793e738$var$activeScope = scope.scopeRef;\n }\n return ()=>{\n // Scope may have been re-parented.\n let parentScope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef).parent.scopeRef;\n // Restore the active scope on unmount if this scope or a descendant scope is active.\n // Parent effect cleanups run before children, so we need to check if the\n // parent scope actually still exists before restoring the active scope to it.\n if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parentScope))) $9bf71ea28793e738$var$activeScope = parentScope;\n $9bf71ea28793e738$export$d06fae2ee68b101e.removeTreeNode(scopeRef);\n };\n }\n }, [\n scopeRef\n ]);\n let focusManager = (0, $6nfFC$useMemo)(()=>$9bf71ea28793e738$var$createFocusManagerForScope(scopeRef), []);\n let value = (0, $6nfFC$useMemo)(()=>({\n focusManager: focusManager,\n parentNode: node\n }), [\n node,\n focusManager\n ]);\n return /*#__PURE__*/ (0, $6nfFC$react).createElement($9bf71ea28793e738$var$FocusContext.Provider, {\n value: value\n }, /*#__PURE__*/ (0, $6nfFC$react).createElement(\"span\", {\n \"data-focus-scope-start\": true,\n hidden: true,\n ref: startRef\n }), children, /*#__PURE__*/ (0, $6nfFC$react).createElement(\"span\", {\n \"data-focus-scope-end\": true,\n hidden: true,\n ref: endRef\n }));\n}\nfunction $9bf71ea28793e738$export$10c5169755ce7bd7() {\n var _useContext;\n return (_useContext = (0, $6nfFC$useContext)($9bf71ea28793e738$var$FocusContext)) === null || _useContext === void 0 ? void 0 : _useContext.focusManager;\n}\nfunction $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {\n return {\n focusNext (opts = {}) {\n let scope = scopeRef.current;\n let { from: from , tabbable: tabbable , wrap: wrap , accept: accept } = opts;\n let node = from || document.activeElement;\n let sentinel = scope[0].previousElementSibling;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: tabbable,\n accept: accept\n }, scope);\n walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;\n let nextNode = walker.nextNode();\n if (!nextNode && wrap) {\n walker.currentNode = sentinel;\n nextNode = walker.nextNode();\n }\n if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);\n return nextNode;\n },\n focusPrevious (opts = {}) {\n let scope = scopeRef.current;\n let { from: from , tabbable: tabbable , wrap: wrap , accept: accept } = opts;\n let node = from || document.activeElement;\n let sentinel = scope[scope.length - 1].nextElementSibling;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: tabbable,\n accept: accept\n }, scope);\n walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;\n let previousNode = walker.previousNode();\n if (!previousNode && wrap) {\n walker.currentNode = sentinel;\n previousNode = walker.previousNode();\n }\n if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);\n return previousNode;\n },\n focusFirst (opts = {}) {\n let scope = scopeRef.current;\n let { tabbable: tabbable , accept: accept } = opts;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: tabbable,\n accept: accept\n }, scope);\n walker.currentNode = scope[0].previousElementSibling;\n let nextNode = walker.nextNode();\n if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);\n return nextNode;\n },\n focusLast (opts = {}) {\n let scope = scopeRef.current;\n let { tabbable: tabbable , accept: accept } = opts;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: tabbable,\n accept: accept\n }, scope);\n walker.currentNode = scope[scope.length - 1].nextElementSibling;\n let previousNode = walker.previousNode();\n if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);\n return previousNode;\n }\n };\n}\nconst $9bf71ea28793e738$var$focusableElements = [\n \"input:not([disabled]):not([type=hidden])\",\n \"select:not([disabled])\",\n \"textarea:not([disabled])\",\n \"button:not([disabled])\",\n \"a[href]\",\n \"area[href]\",\n \"summary\",\n \"iframe\",\n \"object\",\n \"embed\",\n \"audio[controls]\",\n \"video[controls]\",\n \"[contenteditable]\"\n];\nconst $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(\":not([hidden]),\") + \",[tabindex]:not([disabled]):not([hidden])\";\n$9bf71ea28793e738$var$focusableElements.push('[tabindex]:not([tabindex=\"-1\"]):not([disabled])');\nconst $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex=\"-1\"]),');\nfunction $9bf71ea28793e738$var$getScopeRoot(scope) {\n return scope[0].parentElement;\n}\nfunction $9bf71ea28793e738$var$shouldContainFocus(scopeRef) {\n let scope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);\n while(scope && scope.scopeRef !== scopeRef){\n if (scope.contain) return false;\n scope = scope.parent;\n }\n return true;\n}\nfunction $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {\n let focusedNode = (0, $6nfFC$useRef)();\n let raf = (0, $6nfFC$useRef)(null);\n (0, $6nfFC$useLayoutEffect)(()=>{\n let scope = scopeRef.current;\n if (!contain) {\n // if contain was changed, then we should cancel any ongoing waits to pull focus back into containment\n if (raf.current) {\n cancelAnimationFrame(raf.current);\n raf.current = null;\n }\n return;\n }\n // Handle the Tab key to contain focus within the scope\n let onKeyDown = (e)=>{\n if (e.key !== \"Tab\" || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef)) return;\n let focusedElement = document.activeElement;\n let scope = scopeRef.current;\n if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scope)) return;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: true\n }, scope);\n walker.currentNode = focusedElement;\n let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();\n if (!nextElement) {\n walker.currentNode = e.shiftKey ? scope[scope.length - 1].nextElementSibling : scope[0].previousElementSibling;\n nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();\n }\n e.preventDefault();\n if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);\n };\n let onFocus = (e)=>{\n // If focusing an element in a child scope of the currently active scope, the child becomes active.\n // Moving out of the active scope to an ancestor is not allowed.\n if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(e.target, scopeRef.current)) {\n $9bf71ea28793e738$var$activeScope = scopeRef;\n focusedNode.current = e.target;\n } else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(e.target, scopeRef)) {\n // If a focus event occurs outside the active scope (e.g. user tabs from browser location bar),\n // restore focus to the previously focused node or the first tabbable element in the active scope.\n if (focusedNode.current) focusedNode.current.focus();\n else if ($9bf71ea28793e738$var$activeScope) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);\n } else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef)) focusedNode.current = e.target;\n };\n let onBlur = (e)=>{\n // Firefox doesn't shift focus back to the Dialog properly without this\n if (raf.current) cancelAnimationFrame(raf.current);\n raf.current = requestAnimationFrame(()=>{\n // Use document.activeElement instead of e.relatedTarget so we can tell if user clicked into iframe\n if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(document.activeElement, scopeRef)) {\n $9bf71ea28793e738$var$activeScope = scopeRef;\n if (document.body.contains(e.target)) {\n focusedNode.current = e.target;\n focusedNode.current.focus();\n } else if ($9bf71ea28793e738$var$activeScope) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);\n }\n });\n };\n document.addEventListener(\"keydown\", onKeyDown, false);\n document.addEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.addEventListener(\"focusin\", onFocus, false));\n scope.forEach((element)=>element.addEventListener(\"focusout\", onBlur, false));\n return ()=>{\n document.removeEventListener(\"keydown\", onKeyDown, false);\n document.removeEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.removeEventListener(\"focusin\", onFocus, false));\n scope.forEach((element)=>element.removeEventListener(\"focusout\", onBlur, false));\n };\n }, [\n scopeRef,\n contain\n ]);\n // eslint-disable-next-line arrow-body-style\n (0, $6nfFC$useEffect)(()=>{\n return ()=>{\n if (raf.current) cancelAnimationFrame(raf.current);\n };\n }, [\n raf\n ]);\n}\nfunction $9bf71ea28793e738$var$isElementInAnyScope(element) {\n return $9bf71ea28793e738$var$isElementInChildScope(element);\n}\nfunction $9bf71ea28793e738$var$isElementInScope(element, scope) {\n return scope.some((node)=>node.contains(element));\n}\nfunction $9bf71ea28793e738$var$isElementInChildScope(element, scope = null) {\n // If the element is within a top layer element (e.g. toasts), always allow moving focus there.\n if (element instanceof Element && element.closest(\"[data-react-aria-top-layer]\")) return true;\n // node.contains in isElementInScope covers child scopes that are also DOM children,\n // but does not cover child scopes in portals.\n for (let { scopeRef: s } of $9bf71ea28793e738$export$d06fae2ee68b101e.traverse($9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope))){\n if ($9bf71ea28793e738$var$isElementInScope(element, s.current)) return true;\n }\n return false;\n}\nfunction $9bf71ea28793e738$export$1258395f99bf9cbf(element) {\n return $9bf71ea28793e738$var$isElementInChildScope(element, $9bf71ea28793e738$var$activeScope);\n}\nfunction $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {\n var _focusScopeTree_getTreeNode;\n let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === void 0 ? void 0 : _focusScopeTree_getTreeNode.parent;\n while(parent){\n if (parent.scopeRef === ancestor) return true;\n parent = parent.parent;\n }\n return false;\n}\nfunction $9bf71ea28793e738$var$focusElement(element, scroll = false) {\n if (element != null && !scroll) try {\n (0, $6a99195332edec8b$export$80f3e147d781571c)(element);\n } catch (err) {\n // ignore\n }\n else if (element != null) try {\n element.focus();\n } catch (err1) {\n // ignore\n }\n}\nfunction $9bf71ea28793e738$var$focusFirstInScope(scope, tabbable = true) {\n let sentinel = scope[0].previousElementSibling;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: tabbable\n }, scope);\n walker.currentNode = sentinel;\n let nextNode = walker.nextNode();\n // If the scope does not contain a tabbable element, use the first focusable element.\n if (tabbable && !nextNode) {\n walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {\n tabbable: false\n }, scope);\n walker.currentNode = sentinel;\n nextNode = walker.nextNode();\n }\n $9bf71ea28793e738$var$focusElement(nextNode);\n}\nfunction $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {\n const autoFocusRef = (0, $6nfFC$react).useRef(autoFocus);\n (0, $6nfFC$useEffect)(()=>{\n if (autoFocusRef.current) {\n $9bf71ea28793e738$var$activeScope = scopeRef;\n if (!$9bf71ea28793e738$var$isElementInScope(document.activeElement, $9bf71ea28793e738$var$activeScope.current)) $9bf71ea28793e738$var$focusFirstInScope(scopeRef.current);\n }\n autoFocusRef.current = false;\n }, [\n scopeRef\n ]);\n}\nfunction $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain) {\n // tracks the active scope, in case restore and contain are both false.\n // if either are true, this is tracked in useRestoreFocus or useFocusContainment.\n (0, $6nfFC$useLayoutEffect)(()=>{\n if (restore || contain) return;\n let scope = scopeRef.current;\n let onFocus = (e)=>{\n let target = e.target;\n if ($9bf71ea28793e738$var$isElementInScope(target, scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;\n else if (!$9bf71ea28793e738$var$isElementInAnyScope(target)) $9bf71ea28793e738$var$activeScope = null;\n };\n document.addEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.addEventListener(\"focusin\", onFocus, false));\n return ()=>{\n document.removeEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.removeEventListener(\"focusin\", onFocus, false));\n };\n }, [\n scopeRef,\n restore,\n contain\n ]);\n}\nfunction $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {\n let scope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);\n while(scope && scope.scopeRef !== scopeRef){\n if (scope.nodeToRestore) return false;\n scope = scope.parent;\n }\n return (scope === null || scope === void 0 ? void 0 : scope.scopeRef) === scopeRef;\n}\nfunction $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {\n // create a ref during render instead of useLayoutEffect so the active element is saved before a child with autoFocus=true mounts.\n const nodeToRestoreRef = (0, $6nfFC$useRef)(typeof document !== \"undefined\" ? document.activeElement : null);\n // restoring scopes should all track if they are active regardless of contain, but contain already tracks it plus logic to contain the focus\n // restoring-non-containing scopes should only care if they become active so they can perform the restore\n (0, $6nfFC$useLayoutEffect)(()=>{\n let scope = scopeRef.current;\n if (!restoreFocus || contain) return;\n let onFocus = ()=>{\n // If focusing an element in a child scope of the currently active scope, the child becomes active.\n // Moving out of the active scope to an ancestor is not allowed.\n if (!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) $9bf71ea28793e738$var$activeScope = scopeRef;\n };\n document.addEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.addEventListener(\"focusin\", onFocus, false));\n return ()=>{\n document.removeEventListener(\"focusin\", onFocus, false);\n scope.forEach((element)=>element.removeEventListener(\"focusin\", onFocus, false));\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n scopeRef,\n contain\n ]);\n // useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.\n (0, $6nfFC$useLayoutEffect)(()=>{\n if (!restoreFocus) return;\n $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore = nodeToRestoreRef.current;\n // Handle the Tab key so that tabbing out of the scope goes to the next element\n // after the node that had focus when the scope mounted. This is important when\n // using portals for overlays, so that focus goes to the expected element when\n // tabbing out of the overlay.\n let onKeyDown = (e)=>{\n if (e.key !== \"Tab\" || e.altKey || e.ctrlKey || e.metaKey) return;\n let focusedElement = document.activeElement;\n if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scopeRef.current)) return;\n let nodeToRestore = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore;\n // Create a DOM tree walker that matches all tabbable elements\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(document.body, {\n tabbable: true\n });\n // Find the next tabbable element after the currently focused element\n walker.currentNode = focusedElement;\n let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();\n if (!document.body.contains(nodeToRestore) || nodeToRestore === document.body) {\n nodeToRestore = null;\n $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore = null;\n }\n // If there is no next element, or it is outside the current scope, move focus to the\n // next element after the node to restore to instead.\n if ((!nextElement || !$9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {\n walker.currentNode = nodeToRestore;\n // Skip over elements within the scope, in case the scope immediately follows the node to restore.\n do nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();\n while ($9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current));\n e.preventDefault();\n e.stopPropagation();\n if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);\n else // If there is no next element and the nodeToRestore isn't within a FocusScope (i.e. we are leaving the top level focus scope)\n // then move focus to the body.\n // Otherwise restore focus to the nodeToRestore (e.g menu within a popover -> tabbing to close the menu should move focus to menu trigger)\n if (!$9bf71ea28793e738$var$isElementInAnyScope(nodeToRestore)) focusedElement.blur();\n else $9bf71ea28793e738$var$focusElement(nodeToRestore, true);\n }\n };\n if (!contain) document.addEventListener(\"keydown\", onKeyDown, true);\n return ()=>{\n if (!contain) document.removeEventListener(\"keydown\", onKeyDown, true);\n let nodeToRestore = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore;\n // if we already lost focus to the body and this was the active scope, then we should attempt to restore\n if (restoreFocus && nodeToRestore && // eslint-disable-next-line react-hooks/exhaustive-deps\n ($9bf71ea28793e738$var$isElementInScope(document.activeElement, scopeRef.current) || document.activeElement === document.body && $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef))) {\n // freeze the focusScopeTree so it persists after the raf, otherwise during unmount nodes are removed from it\n let clonedTree = $9bf71ea28793e738$export$d06fae2ee68b101e.clone();\n requestAnimationFrame(()=>{\n // Only restore focus if we've lost focus to the body, the alternative is that focus has been purposefully moved elsewhere\n if (document.activeElement === document.body) {\n // look up the tree starting with our scope to find a nodeToRestore still in the DOM\n let treeNode = clonedTree.getTreeNode(scopeRef);\n while(treeNode){\n if (treeNode.nodeToRestore && document.body.contains(treeNode.nodeToRestore)) {\n $9bf71ea28793e738$var$focusElement(treeNode.nodeToRestore);\n return;\n }\n treeNode = treeNode.parent;\n }\n // If no nodeToRestore was found, focus the first element in the nearest\n // ancestor scope that is still in the tree.\n treeNode = clonedTree.getTreeNode(scopeRef);\n while(treeNode){\n if (treeNode.scopeRef && $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(treeNode.scopeRef)) {\n $9bf71ea28793e738$var$focusFirstInScope(treeNode.scopeRef.current, true);\n return;\n }\n treeNode = treeNode.parent;\n }\n }\n });\n }\n };\n }, [\n scopeRef,\n restoreFocus,\n contain\n ]);\n}\nfunction $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {\n let selector = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR : $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR;\n let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {\n acceptNode (node) {\n var _opts_from;\n // Skip nodes inside the starting node.\n if (opts === null || opts === void 0 ? void 0 : (_opts_from = opts.from) === null || _opts_from === void 0 ? void 0 : _opts_from.contains(node)) return NodeFilter.FILTER_REJECT;\n if (node.matches(selector) && (0, $645f2e67b85a24c9$export$e989c0fffaa6b27a)(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === void 0 ? void 0 : opts.accept) || opts.accept(node))) return NodeFilter.FILTER_ACCEPT;\n return NodeFilter.FILTER_SKIP;\n }\n });\n if (opts === null || opts === void 0 ? void 0 : opts.from) walker.currentNode = opts.from;\n return walker;\n}\nfunction $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {\n return {\n focusNext (opts = {}) {\n let root = ref.current;\n if (!root) return;\n let { from: from , tabbable: tabbable = defaultOptions.tabbable , wrap: wrap = defaultOptions.wrap , accept: accept = defaultOptions.accept } = opts;\n let node = from || document.activeElement;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {\n tabbable: tabbable,\n accept: accept\n });\n if (root.contains(node)) walker.currentNode = node;\n let nextNode = walker.nextNode();\n if (!nextNode && wrap) {\n walker.currentNode = root;\n nextNode = walker.nextNode();\n }\n if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);\n return nextNode;\n },\n focusPrevious (opts = defaultOptions) {\n let root = ref.current;\n if (!root) return;\n let { from: from , tabbable: tabbable = defaultOptions.tabbable , wrap: wrap = defaultOptions.wrap , accept: accept = defaultOptions.accept } = opts;\n let node = from || document.activeElement;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {\n tabbable: tabbable,\n accept: accept\n });\n if (root.contains(node)) walker.currentNode = node;\n else {\n let next = $9bf71ea28793e738$var$last(walker);\n if (next) $9bf71ea28793e738$var$focusElement(next, true);\n return next;\n }\n let previousNode = walker.previousNode();\n if (!previousNode && wrap) {\n walker.currentNode = root;\n previousNode = $9bf71ea28793e738$var$last(walker);\n }\n if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);\n return previousNode;\n },\n focusFirst (opts = defaultOptions) {\n let root = ref.current;\n if (!root) return;\n let { tabbable: tabbable = defaultOptions.tabbable , accept: accept = defaultOptions.accept } = opts;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {\n tabbable: tabbable,\n accept: accept\n });\n let nextNode = walker.nextNode();\n if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);\n return nextNode;\n },\n focusLast (opts = defaultOptions) {\n let root = ref.current;\n if (!root) return;\n let { tabbable: tabbable = defaultOptions.tabbable , accept: accept = defaultOptions.accept } = opts;\n let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {\n tabbable: tabbable,\n accept: accept\n });\n let next = $9bf71ea28793e738$var$last(walker);\n if (next) $9bf71ea28793e738$var$focusElement(next, true);\n return next;\n }\n };\n}\nfunction $9bf71ea28793e738$var$last(walker) {\n let next;\n let last;\n do {\n last = walker.lastChild();\n if (last) next = last;\n }while (last);\n return next;\n}\nclass $9bf71ea28793e738$var$Tree {\n get size() {\n return this.fastMap.size;\n }\n getTreeNode(data) {\n return this.fastMap.get(data);\n }\n addTreeNode(scopeRef, parent, nodeToRestore) {\n let parentNode = this.fastMap.get(parent !== null && parent !== void 0 ? parent : null);\n let node = new $9bf71ea28793e738$var$TreeNode({\n scopeRef: scopeRef\n });\n parentNode.addChild(node);\n node.parent = parentNode;\n this.fastMap.set(scopeRef, node);\n if (nodeToRestore) node.nodeToRestore = nodeToRestore;\n }\n addNode(node) {\n this.fastMap.set(node.scopeRef, node);\n }\n removeTreeNode(scopeRef) {\n // never remove the root\n if (scopeRef === null) return;\n let node = this.fastMap.get(scopeRef);\n let parentNode = node.parent;\n // when we remove a scope, check if any sibling scopes are trying to restore focus to something inside the scope we're removing\n // if we are, then replace the siblings restore with the restore from the scope we're removing\n for (let current of this.traverse())if (current !== node && node.nodeToRestore && current.nodeToRestore && node.scopeRef.current && $9bf71ea28793e738$var$isElementInScope(current.nodeToRestore, node.scopeRef.current)) current.nodeToRestore = node.nodeToRestore;\n let children = node.children;\n parentNode.removeChild(node);\n if (children.size > 0) children.forEach((child)=>parentNode.addChild(child));\n this.fastMap.delete(node.scopeRef);\n }\n // Pre Order Depth First\n *traverse(node = this.root) {\n if (node.scopeRef != null) yield node;\n if (node.children.size > 0) for (let child of node.children)yield* this.traverse(child);\n }\n clone() {\n let newTree = new $9bf71ea28793e738$var$Tree();\n for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, node.parent.scopeRef, node.nodeToRestore);\n return newTree;\n }\n constructor(){\n (0, $6nfFC$swchelperssrc_define_propertymjs)(this, \"fastMap\", new Map());\n this.root = new $9bf71ea28793e738$var$TreeNode({\n scopeRef: null\n });\n this.fastMap.set(null, this.root);\n }\n}\nclass $9bf71ea28793e738$var$TreeNode {\n addChild(node) {\n this.children.add(node);\n node.parent = this;\n }\n removeChild(node) {\n this.children.delete(node);\n node.parent = undefined;\n }\n constructor(props){\n (0, $6nfFC$swchelperssrc_define_propertymjs)(this, \"children\", new Set());\n (0, $6nfFC$swchelperssrc_define_propertymjs)(this, \"contain\", false);\n this.scopeRef = props.scopeRef;\n }\n}\nlet $9bf71ea28793e738$export$d06fae2ee68b101e = new $9bf71ea28793e738$var$Tree();\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {\n let { autoFocus: autoFocus = false , isTextInput: isTextInput , within: within } = props;\n let state = (0, $6nfFC$useRef)({\n isFocused: false,\n isFocusVisible: autoFocus || (0, $6nfFC$isFocusVisible)()\n });\n let [isFocused, setFocused] = (0, $6nfFC$useState)(false);\n let [isFocusVisibleState, setFocusVisible] = (0, $6nfFC$useState)(()=>state.current.isFocused && state.current.isFocusVisible);\n let updateState = (0, $6nfFC$useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);\n let onFocusChange = (0, $6nfFC$useCallback)((isFocused)=>{\n state.current.isFocused = isFocused;\n setFocused(isFocused);\n updateState();\n }, [\n updateState\n ]);\n (0, $6nfFC$useFocusVisibleListener)((isFocusVisible)=>{\n state.current.isFocusVisible = isFocusVisible;\n updateState();\n }, [], {\n isTextInput: isTextInput\n });\n let { focusProps: focusProps } = (0, $6nfFC$useFocus)({\n isDisabled: within,\n onFocusChange: onFocusChange\n });\n let { focusWithinProps: focusWithinProps } = (0, $6nfFC$useFocusWithin)({\n isDisabled: !within,\n onFocusWithinChange: onFocusChange\n });\n return {\n isFocused: isFocused,\n isFocusVisible: state.current.isFocused && isFocusVisibleState,\n focusProps: within ? focusWithinProps : focusProps\n };\n}\n\n\nfunction $907718708eab68af$export$1a38b4ad7f578e1d(props) {\n let { children: children , focusClass: focusClass , focusRingClass: focusRingClass } = props;\n let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $f7dceffc5ad7768b$export$4e328f61c538687f)(props);\n let child = (0, $6nfFC$react).Children.only(children);\n return /*#__PURE__*/ (0, $6nfFC$react).cloneElement(child, (0, $6nfFC$mergeProps)(child.props, {\n ...focusProps,\n className: (0, $6nfFC$clsx)({\n [focusClass || \"\"]: isFocused,\n [focusRingClass || \"\"]: isFocusVisible\n })\n }));\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nlet $e6afbd83fe6ebbd2$var$FocusableContext = /*#__PURE__*/ (0, $6nfFC$react).createContext(null);\nfunction $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {\n let context = (0, $6nfFC$useContext)($e6afbd83fe6ebbd2$var$FocusableContext) || {};\n (0, $6nfFC$useSyncRef)(context, ref);\n // eslint-disable-next-line\n let { ref: _ , ...otherProps } = context;\n return otherProps;\n}\n/**\n * Provides DOM props to the nearest focusable child.\n */ function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {\n let { children: children , ...otherProps } = props;\n let context = {\n ...otherProps,\n ref: ref\n };\n return /*#__PURE__*/ (0, $6nfFC$react).createElement($e6afbd83fe6ebbd2$var$FocusableContext.Provider, {\n value: context\n }, children);\n}\nlet $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 = /*#__PURE__*/ (0, $6nfFC$react).forwardRef($e6afbd83fe6ebbd2$var$FocusableProvider);\nfunction $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {\n let { focusProps: focusProps } = (0, $6nfFC$useFocus)(props);\n let { keyboardProps: keyboardProps } = (0, $6nfFC$useKeyboard)(props);\n let interactions = (0, $6nfFC$mergeProps)(focusProps, keyboardProps);\n let domProps = $e6afbd83fe6ebbd2$var$useFocusableContext(domRef);\n let interactionProps = props.isDisabled ? {} : domProps;\n let autoFocusRef = (0, $6nfFC$useRef)(props.autoFocus);\n (0, $6nfFC$useEffect)(()=>{\n if (autoFocusRef.current && domRef.current) (0, $6a99195332edec8b$export$80f3e147d781571c)(domRef.current);\n autoFocusRef.current = false;\n }, [\n domRef\n ]);\n return {\n focusableProps: (0, $6nfFC$mergeProps)({\n ...interactions,\n tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined\n }, interactionProps)\n };\n}\n\n\n\n\n\n\nexport {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager, $9bf71ea28793e738$export$1258395f99bf9cbf as isElementInChildOfActiveScope, $907718708eab68af$export$1a38b4ad7f578e1d as FocusRing, $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 as FocusableProvider, $e6afbd83fe6ebbd2$export$4c014de7c8940b4c as useFocusable, $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing, $6a99195332edec8b$export$80f3e147d781571c as focusSafely};\n//# sourceMappingURL=module.js.map\n","import {filterDOMProps as $kgVYN$filterDOMProps, mergeProps as $kgVYN$mergeProps, useId as $kgVYN$useId} from \"@react-aria/utils\";\nimport {useHover as $kgVYN$useHover, getInteractionModality as $kgVYN$getInteractionModality, isFocusVisible as $kgVYN$isFocusVisible, usePress as $kgVYN$usePress} from \"@react-aria/interactions\";\nimport {useRef as $kgVYN$useRef, useEffect as $kgVYN$useEffect} from \"react\";\nimport {useFocusable as $kgVYN$useFocusable} from \"@react-aria/focus\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {\n let domProps = (0, $kgVYN$filterDOMProps)(props, {\n labelable: true\n });\n let { hoverProps: hoverProps } = (0, $kgVYN$useHover)({\n onHoverStart: ()=>{\n return state === null || state === void 0 ? void 0 : state.open(true);\n },\n onHoverEnd: ()=>{\n return state === null || state === void 0 ? void 0 : state.close();\n }\n });\n return {\n tooltipProps: (0, $kgVYN$mergeProps)(domProps, hoverProps, {\n role: \"tooltip\"\n })\n };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {\n let { isDisabled: isDisabled , trigger: trigger } = props;\n let tooltipId = (0, $kgVYN$useId)();\n let isHovered = (0, $kgVYN$useRef)(false);\n let isFocused = (0, $kgVYN$useRef)(false);\n let handleShow = ()=>{\n if (isHovered.current || isFocused.current) state.open(isFocused.current);\n };\n let handleHide = (immediate)=>{\n if (!isHovered.current && !isFocused.current) state.close(immediate);\n };\n (0, $kgVYN$useEffect)(()=>{\n let onKeyDown = (e)=>{\n if (ref && ref.current) // Escape after clicking something can give it keyboard focus\n // dismiss tooltip on esc key press\n {\n if (e.key === \"Escape\") state.close(true);\n }\n };\n if (state.isOpen) {\n document.addEventListener(\"keydown\", onKeyDown, true);\n return ()=>{\n document.removeEventListener(\"keydown\", onKeyDown, true);\n };\n }\n }, [\n ref,\n state\n ]);\n let onHoverStart = ()=>{\n if (trigger === \"focus\") return;\n // In chrome, if you hover a trigger, then another element obscures it, due to keyboard\n // interactions for example, hover will end. When hover is restored after that element disappears,\n // focus moves on for example, then the tooltip will reopen. We check the modality to know if the hover\n // is the result of moving the mouse.\n if ((0, $kgVYN$getInteractionModality)() === \"pointer\") isHovered.current = true;\n else isHovered.current = false;\n handleShow();\n };\n let onHoverEnd = ()=>{\n if (trigger === \"focus\") return;\n // no matter how the trigger is left, we should close the tooltip\n isFocused.current = false;\n isHovered.current = false;\n handleHide();\n };\n let onPressStart = ()=>{\n // no matter how the trigger is pressed, we should close the tooltip\n isFocused.current = false;\n isHovered.current = false;\n handleHide(true);\n };\n let onFocus = ()=>{\n let isVisible = (0, $kgVYN$isFocusVisible)();\n if (isVisible) {\n isFocused.current = true;\n handleShow();\n }\n };\n let onBlur = ()=>{\n isFocused.current = false;\n isHovered.current = false;\n handleHide(true);\n };\n let { hoverProps: hoverProps } = (0, $kgVYN$useHover)({\n isDisabled: isDisabled,\n onHoverStart: onHoverStart,\n onHoverEnd: onHoverEnd\n });\n let { pressProps: pressProps } = (0, $kgVYN$usePress)({\n onPressStart: onPressStart\n });\n let { focusableProps: focusableProps } = (0, $kgVYN$useFocusable)({\n isDisabled: isDisabled,\n onFocus: onFocus,\n onBlur: onBlur\n }, ref);\n return {\n triggerProps: {\n \"aria-describedby\": state.isOpen ? tooltipId : undefined,\n ...(0, $kgVYN$mergeProps)(focusableProps, hoverProps, pressProps)\n },\n tooltipProps: {\n id: tooltipId\n }\n };\n}\n\n\n\n\nexport {$326e436e94273fe1$export$1c4b08e0eca38426 as useTooltip, $4e1b34546679e357$export$a6da6c504e4bba8b as useTooltipTrigger};\n//# sourceMappingURL=module.js.map\n","'use es6';\n\nimport { cloneElement, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { PLACEMENTS } from './constants/PlacementConstants';\nimport VizExTooltipArrow from './VizExTooltipArrow';\nimport VizExTooltipBody from './VizExTooltipBody';\nimport themePropType from '../utils/themePropType';\nimport { callIfValid } from '../utils/callIfValid';\nimport { useTooltipTriggerState } from '@react-stately/tooltip';\nimport { useTooltipTrigger } from '@react-aria/tooltip';\n\nconst Popover = styled.div`\n transition-property: ${({ transitioning }) =>\n transitioning ? 'opacity ease-out, transform ease-out' : 'none'};\n transition-duration: ${({ duration }) => duration}ms;\n opacity: ${({ open }) => (open ? '1' : '0')};\n transform: ${({ open, transitioning }) => {\n if (open && !transitioning) return 'none'; /* IE bugfix: #5368 */\n return open ? 'scale(1)' : 'scale(.75)';\n }};\n position: absolute;\n pointer-events: none;\n width: 100%;\n height: 100%;\n`;\n\nconst PopoverWrapper = styled.div`\n display: inline-block;\n position: relative;\n`;\n\nconst VizExTooltip = props => {\n const {\n content,\n backgroundColor,\n textColor,\n placement,\n children,\n theme,\n onOpenChange,\n open,\n delay = 0,\n ...rest\n } = props;\n const hasValidOpenProp = typeof open === 'boolean';\n const tooltipTriggerProps = {\n delay,\n ...(hasValidOpenProp && {\n isOpen: open,\n }),\n };\n const state = useTooltipTriggerState(tooltipTriggerProps);\n const { triggerProps, tooltipProps } = useTooltipTrigger(\n tooltipTriggerProps,\n state,\n null\n );\n\n if (!content) return children;\n\n const handleMouseEnter = () => {\n if (!hasValidOpenProp) {\n callIfValid(onOpenChange, true);\n state.open(true);\n }\n };\n const handleMouseLeave = () => {\n if (!hasValidOpenProp) {\n callIfValid(onOpenChange, false);\n state.close(true);\n }\n };\n\n return (\n \n \n \n {content}\n \n \n \n {cloneElement(Children.only(children), {\n ...triggerProps,\n onClick: children.props.onClick,\n })}\n \n );\n};\n\nVizExTooltip.propTypes = {\n backgroundColor: PropTypes.string,\n children: PropTypes.node,\n content: PropTypes.node,\n delay: PropTypes.number,\n onOpenChange: PropTypes.func,\n open: PropTypes.bool,\n placement: PropTypes.oneOf(PLACEMENTS),\n textColor: PropTypes.string,\n theme: themePropType,\n};\nVizExTooltip.displayName = 'VizExTooltip';\nVizExTooltip.defaultProps = {\n placement: 'top right',\n};\n\nexport default VizExTooltip;\n","export const CALYPSO = \"#00a4bd\";\nexport const CALYPSO_DARK = \"#0091ae\";\nexport const CALYPSO_MEDIUM = \"#7fd1de\";\nexport const CALYPSO_LIGHT = \"#e5f5f8\";\nexport const SORBET = \"#ff8f59\";\nexport const SORBET_DARK = \"#e68250\";\nexport const SORBET_MEDIUM = \"#ffc7ac\";\nexport const SORBET_LIGHT = \"#fff3ee\";\nexport const LORAX = \"#ff7a59\";\nexport const LORAX_DARK = \"#e66e50\";\nexport const LORAX_MEDIUM = \"#ffbcac\";\nexport const LORAX_LIGHT = \"#fff1ee\";\nexport const MARIGOLD = \"#f5c26b\";\nexport const MARIGOLD_DARK = \"#dbae60\";\nexport const MARIGOLD_MEDIUM = \"#fae0b5\";\nexport const MARIGOLD_LIGHT = \"#fef8f0\";\nexport const CANDY_APPLE = \"#f2545b\";\nexport const CANDY_APPLE_DARK = \"#d94c53\";\nexport const CANDY_APPLE_MEDIUM = \"#f8a9ad\";\nexport const CANDY_APPLE_LIGHT = \"#fdedee\";\nexport const NORMAN = \"#f2547d\";\nexport const NORMAN_DARK = \"#d94c71\";\nexport const NORMAN_MEDIUM = \"#f9aabe\";\nexport const NORMAN_LIGHT = \"#fdedf2\";\nexport const THUNDERDOME = \"#6a78d1\";\nexport const THUNDERDOME_DARK = \"#5e6ab8\";\nexport const THUNDERDOME_MEDIUM = \"#b4bbe8\";\nexport const THUNDERDOME_LIGHT = \"#f0f1fa\";\nexport const OZ = \"#00bda5\";\nexport const OZ_DARK = \"#00a38d\";\nexport const OZ_MEDIUM = \"#7fded2\";\nexport const OZ_LIGHT = \"#e5f8f6\";\nexport const FLAT_EARTH = \"#253342\";\nexport const PANTERA = \"#2d3e50\";\nexport const OBSIDIAN = \"#33475b\";\nexport const HEFFALUMP = \"#425b76\";\nexport const SLINKY = \"#516f90\";\nexport const EERIE = \"#7c98b6\";\nexport const FLINT = \"#99acc2\";\nexport const BATTLESHIP = \"#cbd6e2\";\nexport const GREAT_WHITE = \"#dfe3eb\";\nexport const KOALA = \"#eaf0f6\";\nexport const CIRRUS = \"#f2f5f8\";\nexport const GYPSUM = \"#f5f8fa\";\nexport const OLAF = \"#ffffff\";\nexport const MONOLITH = \"#000000\";\nexport const CHART_RED = \"#ea90b1\";\nexport const CHART_ORANGE = \"#fea58e\";\nexport const CHART_YELLOW = \"#f5c78e\";\nexport const CHART_GREEN = \"#a2d28f\";\nexport const CHART_AQUA = \"#51d3d9\";\nexport const CHART_BLUE = \"#81c1fd\";\nexport const CHART_PURPLE = \"#bda9ea\";\nexport const CHART_DARK_PURPLE = \"#9784c2\";\nexport const LINK_HOVER = \"#007a8c\";\nexport const BUTTON_PRIMARY_HOVER_FILL = \"#ff8f73\";\nexport const BUTTON_SECONDARY_TEXT = \"#ff7a53\";\nexport const BUTTON_SECONDARY_HOVER_FILL = \"#fff8f6\";\nexport const BUTTON_SECONDARY_ACTIVE_FILL = \"#ffebe6\";\nexport const BUTTON_TERTIARY_LIGHT_TEXT = \"#506e91\";\nexport const BUTTON_TERTIARY_LIGHT_HOVER_FILL = \"#e5eaf0\";\nexport const BUTTON_DANGER_HOVER_FILL = \"#ff5962\";\nexport const BUTTON_DISABLED_TEXT = \"#b0c1d4\";\nexport const FOCUS_RING_BASE = \"#00d0e4\";\nexport const ALERT_DANGER = \"#f04b51\";\nexport const ALERT_WARNING = \"#fdf3e1\";\nexport const ALERT_SUCCESS = \"#5967bc\";\nexport const LINKEDIN = \"#0077b5\";\nexport const TWITTER = \"#55acee\";\nexport const FACEBOOK = \"#3b5998\";\nexport const GOOGLE = \"#dd4b39\";\nexport const XING = \"#026466\";\nexport const PINTEREST = \"#bd081c\";\nexport const RSS = \"#f26522\";\nexport const YOUTUBE = \"#ff0000\";\nexport const INSTAGRAM = \"#c13584\";\nexport const TRANSPARENT_DARK = \"rgba(0, 0, 0, 0)\";\nexport const TRANSPARENT_LIGHT = \"rgba(255, 255, 255, 0)\";\nexport const TRANSPARENT = \"rgba(0, 0, 0, 0)\";\n","import styled from \"styled-components\";\nimport VizExButton from \"../visitor-ui-component-library/button/VizExButton\";\n// @ts-expect-error module not typed\nimport VizExInput from \"../visitor-ui-component-library/input/VizExInput\";\nimport VizExLink from \"../visitor-ui-component-library/link/VizExLink\";\n// @ts-expect-error module not typed\nimport VizExTooltip from \"../visitor-ui-component-library/tooltip/VizExTooltip\";\nimport { setPrimaryColor } from \"../visitor-ui-component-library/theme/defaultThemeOperators\";\nimport { createTheme } from \"../visitor-ui-component-library/theme/createTheme\";\nimport {\n FLINT,\n HEFFALUMP,\n SLINKY,\n CANDY_APPLE_DARK,\n BATTLESHIP,\n} from \"../utils/colors\";\n\n/**\n * This file has a dependency on visitor-ui-component-library.\n * Do not directly edit files in the library!\n */\n\nexport const TextArea = styled.textarea`\n padding: 10px;\n margin: 10px 0;\n font-family: Lexend;\n border: 1px solid ${BATTLESHIP};\n border-radius: 5px;\n ::placeholder {\n color: ${FLINT};\n }\n resize: none;\n width: 100%;\n`;\n\nexport const Wrapper = styled.div`\n margin: 10px 40px;\n`;\n\nexport const Input = styled(VizExInput)``;\n\nexport const KeypadInput = styled(Input).attrs({\n containerStyles: {\n backgroundColor: \"white\",\n width: \"225px\",\n border: \"none\",\n },\n})``;\n\nexport const RoundedInput = styled(VizExInput).attrs((props) => ({\n autoComplete: props.autoComplete,\n containerStyles: {\n backgroundColor: \"white\",\n borderRadius: \"25px\",\n marginBottom: \"10px\",\n },\n}))``;\n\nexport const Button = styled(VizExButton).attrs((props) => ({\n disabled: props.disabled,\n}))`\n border: none;\n padding: 0;\n`;\n\nexport const LinkButton = styled(VizExButton).attrs((props) => ({\n disabled: props.disabled,\n}))`\n border: none;\n padding: 0;\n`;\n\nexport const RoundedButton = styled(VizExButton).attrs((props) => ({\n disabled: props.disabled,\n}))`\n border-radius: 25px;\n min-width: 150px;\n padding-top: 9px;\n padding-bottom: 9px;\n`;\n\nexport const CallButton = styled(VizExButton).attrs((props) => ({\n disabled: props.disabled,\n}))`\n border-radius: 25px;\n min-width: 150px;\n padding-top: 7px;\n padding-bottom: 7px;\n`;\n\nexport const EndCallButton = styled(CallButton).attrs({\n theme: createTheme(setPrimaryColor(CANDY_APPLE_DARK)),\n})``;\n\nexport const Row = styled.div`\n display: flex;\n justify-content: space-evenly;\n`;\n\nexport const FromNumberRow = styled.div`\n display: flex;\n justify-content: center;\n margin-top: 40px;\n font-size: 14px;\n`;\n\nexport const FromNumberButton = styled(VizExButton).attrs({\n use: \"transparent-on-primary\",\n theme: createTheme(setPrimaryColor(HEFFALUMP)),\n})`\n border: none;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n`;\n\nexport const FromNumberToggleButton = styled(VizExButton).attrs((props) => ({\n disabled: props.disabled,\n}))`\n border: none;\n padding: 0;\n font-weight: 600;\n`;\n\nexport const Link = styled(VizExLink)`\n font-size: 13px;\n`;\n\nexport const Key = styled(VizExButton).attrs({\n use: \"transparent-on-primary\",\n theme: createTheme(setPrimaryColor(SLINKY)),\n})`\n width: 65px;\n height: 65px;\n text-align: center;\n font-size: 24px;\n margin: 0 0 10px 0;\n border: none;\n`;\n\nexport const CallActionButton = styled(VizExButton)`\n border-radius: 8px;\n border: 1px solid #d9d9d9;\n padding: 10px 20px;\n`;\n\nexport const CallActionLabel = styled.label`\n line-height: 20px;\n font-size: 11px;\n margin: 0;\n text-align: center;\n color: ${SLINKY};\n`;\n\nexport const Timer = styled.div`\n margin-bottom: 20px;\n`;\n\nexport const Tooltip = styled(VizExTooltip).attrs({\n placement: \"bottom right\",\n})``;\n\nexport const FromNumberTooltip = styled(VizExTooltip).attrs({\n placement: \"top right\",\n})``;\n","export enum ScreenNames {\n Login,\n Keypad,\n Dialing,\n Calling,\n CallEnded,\n}\n\nexport interface ScreenProps {\n handleNextScreen: Function;\n handlePreviousScreen: Function;\n handleNavigateToScreen: Function;\n cti: any;\n phoneNumber: string;\n engagementId: number | null;\n dialNumber: string;\n setDialNumber: Function;\n notes: string;\n setNotes: Function;\n callDuration: number;\n callDurationString: string;\n startTimer: Function;\n stopTimer: Function;\n handleEndCall: Function;\n handleSaveCall: Function;\n fromNumber: string;\n setFromNumber: Function;\n callStatus: any;\n}\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgPhone = function SvgPhone(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 512 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z\"\n })));\n};\nexport default SvgPhone;","import { Key, Row } from \"./Components\";\n\nexport function Keypad({ addToDialNumber }: { addToDialNumber: Function }) {\n return (\n \n \n addToDialNumber(\"1\")}>1 \n addToDialNumber(\"2\")}>2 \n addToDialNumber(\"3\")}>3 \n
\n \n addToDialNumber(\"4\")}>4 \n addToDialNumber(\"5\")}>5 \n addToDialNumber(\"6\")}>6 \n
\n \n addToDialNumber(\"7\")}>7 \n addToDialNumber(\"8\")}>8 \n addToDialNumber(\"9\")}>9 \n
\n \n addToDialNumber(\"*\")}>* \n addToDialNumber(\"0\")}>0 \n addToDialNumber(\"#\")}># \n
\n
\n );\n}\n\nexport function KeypadPopover() {\n return (\n \n \n 1 \n 2 \n 3 \n
\n \n 4 \n 5 \n 6 \n
\n \n 7 \n 8 \n 9 \n
\n \n * \n 0 \n # \n
\n
\n );\n}\n","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgRecordVinyl = function SvgRecordVinyl(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 512 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192zm0 224a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\n })));\n};\nexport default SvgRecordVinyl;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgDeleteLeft = function SvgDeleteLeft(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 576 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M576 128c0-35.3-28.7-64-64-64H205.3c-17 0-33.3 6.7-45.3 18.7L9.4 233.4c-6 6-9.4 14.1-9.4 22.6s3.4 16.6 9.4 22.6L160 429.3c12 12 28.3 18.7 45.3 18.7H512c35.3 0 64-28.7 64-64V128zm-305 47c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z\"\n })));\n};\nexport default SvgDeleteLeft;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgMicrophone = function SvgMicrophone(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 384 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M176 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24S0 202.7 0 216v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S48 326.7 48 256v-40z\"\n })));\n};\nexport default SvgMicrophone;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgMicrophoneSlash = function SvgMicrophoneSlash(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 640 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L472.1 344.7c15.2-26 23.9-56.3 23.9-88.7v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 21.2-5.1 41.1-14.2 58.7L416 300.8V96c0-53-43-96-96-96s-96 43-96 96v54.3L38.8 5.1zM344 430.4c20.4-2.8 39.7-9.1 57.3-18.2l-43.1-33.9c-12.1 3.7-24.9 5.7-38.2 5.7-70.7 0-128-57.3-128-128v-8.7L144.7 210c-.5 1.9-.7 3.9-.7 6v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6z\"\n })));\n};\nexport default SvgMicrophoneSlash;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgMobileRetro = function SvgMobileRetro(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 320 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 64C0 28.7 28.7 0 64 0h192c35.3 0 64 28.7 64 64v384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm64 96v64c0 17.7 14.3 32 32 32h128c17.7 0 32-14.3 32-32v-64c0-17.7-14.3-32-32-32H96c-17.7 0-32 14.3-32 32zm16 192a24 24 0 1 0 0-48 24 24 0 1 0 0 48zm24 56a24 24 0 1 0-48 0 24 24 0 1 0 48 0zm56-56a24 24 0 1 0 0-48 24 24 0 1 0 0 48zm24 56a24 24 0 1 0-48 0 24 24 0 1 0 48 0zm56-56a24 24 0 1 0 0-48 24 24 0 1 0 0 48zm24 56a24 24 0 1 0-48 0 24 24 0 1 0 48 0zM128 48c-8.8 0-16 7.2-16 16s7.2 16 16 16h64c8.8 0 16-7.2 16-16s-7.2-16-16-16h-64z\"\n })));\n};\nexport default SvgMobileRetro;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgCaretDown = function SvgCaretDown(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 320 512\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301 191.9 288 191.9L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\"\n })));\n};\nexport default SvgCaretDown;","import Phone from \"../icons/phone.svg\";\nimport Record from \"../icons/recordVinyl.svg\";\nimport DeleteLeft from \"../icons/deleteLeft.svg\";\nimport Mute from \"../icons/microphone.svg\";\nimport Unmute from \"../icons/microphoneSlash.svg\";\nimport Keypad from \"../icons/mobileRetro.svg\";\nimport CaretDown from \"../icons/caretDown.svg\";\nimport { CALYPSO, SLINKY } from \"../utils/colors\";\n\nexport const StartCallSvg = ;\n\nexport const EndCallSvg = (\n \n);\n\nexport const StartRecordSvg = (\n \n);\n\nexport const StopRecordSvg = (\n \n);\n\nexport const DeleteLeftSvg = (\n \n X\n \n);\n\nexport const UnmuteSvg = (\n \n);\n\nexport const MuteSvg = (\n \n);\n\nexport const HideKeypadSvg = (\n \n \n
\n);\n\nexport const ShowKeypadSvg = (\n \n \n
\n);\n\nexport const CaretDownSvg = (\n \n);\n","import { useMemo, useCallback } from \"react\";\n\nimport {\n FromNumberTooltip,\n FromNumberToggleButton,\n FromNumberButton,\n} from \"./Components\";\nimport { CaretDownSvg } from \"./Icons\";\n\nfunction FromNumbersDropdown({\n fromNumber,\n setFromNumber,\n setToggleFromNumbers,\n toggleFromNumbers,\n}: {\n fromNumber: string;\n setFromNumber: Function;\n setToggleFromNumbers: Function;\n toggleFromNumbers: boolean;\n}) {\n const handleFromNumber = useCallback(\n (phoneNumber: string) => {\n setFromNumber(phoneNumber);\n setToggleFromNumbers(false);\n },\n [setFromNumber, setToggleFromNumbers]\n );\n\n const FromNumbers = useMemo(() => {\n return (\n \n
\n handleFromNumber(\"+1 617-948-3986\")}\n >\n My US Number \n +1 617-948-3986 \n \n
\n
\n handleFromNumber(\"+44 20 7323 8299\")}\n >\n My UK Number \n +44 20 7323 8299 \n \n
\n
\n );\n }, [handleFromNumber]);\n\n return (\n <>\n From number: \n \n setToggleFromNumbers(!toggleFromNumbers)}\n >\n {fromNumber} {CaretDownSvg}\n \n \n >\n );\n}\n\nexport default FromNumbersDropdown;\n","import { useState, ChangeEvent, useCallback, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { useAutoFocus } from \"../../hooks/useAutoFocus\";\nimport { ScreenNames, ScreenProps } from \"../../types/ScreenTypes\";\nimport {\n Wrapper,\n CallButton,\n LinkButton,\n KeypadInput,\n Row,\n Button,\n FromNumberRow,\n} from \"../Components\";\nimport { Keypad } from \"../Keypad\";\nimport { StartCallSvg, DeleteLeftSvg } from \"../Icons\";\nimport { GREAT_WHITE } from \"../../utils/colors\";\nimport FromNumbersDropdown from \"../FromNumbersDropdown\";\n\nconst StyledRow = styled(Row)`\n justify-content: flex-end;\n`;\n\nexport const validateKeypadInput = (value: string) => {\n return /^[0-9+*#]*$/.test(value);\n};\n\nconst validatePhoneNumber = (value: string) => {\n return value.length > 2;\n};\n\nfunction KeypadScreen({\n handleNextScreen,\n cti,\n phoneNumber,\n dialNumber,\n setDialNumber,\n handleNavigateToScreen,\n startTimer,\n fromNumber,\n setFromNumber,\n}: ScreenProps) {\n const dialNumberInput = useAutoFocus();\n const [cursorStart, setCursorStart] = useState(dialNumber.length || 0);\n const [cursorEnd, setCursorEnd] = useState(dialNumber.length || 0);\n const [isDialNumberValid, setIsDialNumberValid] = useState(false);\n const [toggleFromNumbers, setToggleFromNumbers] = useState(false);\n\n const handleSetDialNumber = useCallback(\n (value: string) => {\n setDialNumber(value);\n setIsDialNumberValid(validatePhoneNumber(value));\n },\n [setDialNumber]\n );\n\n useEffect(() => {\n if (phoneNumber) {\n handleSetDialNumber(phoneNumber);\n if (dialNumberInput.current) {\n dialNumberInput.current.focus();\n }\n }\n }, [phoneNumber, handleSetDialNumber, dialNumberInput]);\n\n const handleLogout = () => {\n cti.userLoggedOut();\n handleNavigateToScreen(ScreenNames.Login);\n };\n\n const handleCursor = ({\n target: { selectionStart, selectionEnd },\n }: ChangeEvent) => {\n setCursorStart(selectionStart || 0);\n setCursorEnd(selectionEnd || 0);\n };\n\n const handleDialNumber = ({\n target: { value },\n }: ChangeEvent) => {\n if (validateKeypadInput(value)) {\n handleSetDialNumber(value);\n }\n };\n\n const addToDialNumber = (value: string) => {\n handleSetDialNumber(dialNumber + value);\n dialNumberInput.current?.focus();\n };\n\n const handleStartCall = useCallback(() => {\n const callStartTime = Date.now();\n cti.outgoingCall({\n createEngagement: true,\n phoneNumber: dialNumber,\n callStartTime,\n });\n startTimer(callStartTime);\n handleNextScreen();\n }, [cti, dialNumber, handleNextScreen, startTimer]);\n\n const handleBackspace = useCallback(() => {\n let updatedDialNumber =\n dialNumber.substring(0, cursorStart) + dialNumber.substring(cursorEnd);\n if (cursorStart === cursorEnd) {\n updatedDialNumber =\n dialNumber.substring(0, cursorStart - 1) +\n dialNumber.substring(cursorEnd);\n }\n\n handleSetDialNumber(updatedDialNumber);\n if (dialNumberInput.current) {\n dialNumberInput.current.value = updatedDialNumber;\n dialNumberInput.current.setSelectionRange(cursorStart, cursorStart);\n dialNumberInput.current.focus();\n }\n }, [\n cursorEnd,\n cursorStart,\n dialNumber,\n dialNumberInput,\n handleSetDialNumber,\n ]);\n\n return (\n \n \n Log out \n \n \n \n \n \n {DeleteLeftSvg}\n \n
\n \n \n \n \n {StartCallSvg}\n \n
\n \n \n \n \n );\n}\n\nexport default KeypadScreen;\n","import { ChangeEvent } from \"react\";\nimport styled from \"styled-components\";\nimport { RoundedButton, Row, Timer, TextArea, Wrapper } from \"../Components\";\nimport { ScreenProps } from \"../../types/ScreenTypes\";\n\nconst StyledRow = styled(Row)`\n justify-content: flex-start;\n`;\n\nfunction CallEndedScreen({\n cti,\n engagementId,\n handleSaveCall,\n dialNumber,\n notes,\n setNotes,\n callDuration,\n callDurationString,\n}: ScreenProps) {\n const handleNotes = (event: ChangeEvent) => {\n setNotes(event.target.value);\n };\n\n const onSaveCall = () => {\n cti.callCompleted({\n engagementId,\n hideWidget: false,\n /**\n * @param engagementProperties (currently not in use)\n * @TODO We will be releasing a feature to update engagements in the SDK without this API call\n * https://developers.hubspot.com/docs/api/crm/calls#update-calls\n */\n engagementProperties: {\n hs_call_body: notes,\n hs_call_duration: callDuration.toString(),\n },\n });\n handleSaveCall();\n };\n\n return (\n \n \n
Call with {dialNumber} ended \n {callDurationString} \n
\n Notes \n \n \n \n \n \n \n Save Call\n \n
\n \n );\n}\n\nexport default CallEndedScreen;\n","\"use es6\";\n\nconst { version } = require(\"../package.json\");\nexport const VERSION = version;\n\nexport const messageType = {\n CALL_ANSWERED: \"CALL_ANSWERED\",\n CALL_COMPLETED: \"CALL_COMPLETED\",\n CALL_DATA: \"CALL_DATA\",\n CALL_ENDED: \"CALL_ENDED\",\n CREATE_ENGAGEMENT_FAILED: \"CREATE_ENGAGEMENT_FAILED\",\n CREATE_ENGAGEMENT_SUCCEEDED: \"CREATE_ENGAGEMENT_SUCCEEDED\",\n DIAL_NUMBER: \"DIAL_NUMBER\",\n END_CALL: \"END_CALL\",\n /**\n * @deprecated use CREATE_ENGAGEMENT_SUCCEEDED instead\n */\n ENGAGEMENT_CREATED: \"ENGAGEMENT_CREATED\",\n ERROR: \"ERROR\",\n INCOMING_CALL: \"INCOMING_CALL\",\n INITIALIZED: \"INITIALIZED\",\n LOGGED_IN: \"LOGGED_IN\",\n LOGGED_OUT: \"LOGGED_OUT\",\n OUTGOING_CALL_STARTED: \"OUTGOING_CALL_STARTED\",\n READY: \"READY\",\n RESIZE_WIDGET: \"RESIZE_WIDGET\",\n SET_CALL_STATE: \"SET_CALL_STATE\",\n SET_WIDGET_URL: \"SET_WIDGET_URL\",\n SYNC_ACK_FAILED: \"SYNC_ACK_FAILED\",\n SYNC_ACK: \"SYNC_ACK\",\n SYNC: \"SYNC\",\n UNLOADING: \"UNLOADING\",\n UPDATE_ENGAGEMENT_FAILED: \"UPDATE_ENGAGEMENT_FAILED\",\n UPDATE_ENGAGEMENT_SUCCEEDED: \"UPDATE_ENGAGEMENT_SUCCEEDED\",\n VISIBILITY_CHANGED: \"VISIBILITY_CHANGED\",\n};\n\nexport const errorType = {\n UNKNOWN_MESSAGE_TYPE: \"UNKNOWN_MESSAGE_TYPE\",\n GENERIC: \"GENERIC\",\n};\n\n/** These are potential statuses from the BE client when calling from phone\n * or detecting that a call has ended in the linked engagement */\n\nconst INTERNAL_CONNECTING = \"CONNECTING\";\nconst INTERNAL_CALLING_CRM_USER = \"CALLING_CRM_USER\";\nconst INTERNAL_IN_PROGRESS = \"IN_PROGRESS\";\nconst INTERNAL_CANCELED = \"CANCELED\";\nconst INTERNAL_FAILED = \"FAILED\";\nconst INTERNAL_BUSY = \"BUSY\";\nconst INTERNAL_NO_ANSWER = \"NO_ANSWER\";\nconst INTERNAL_COMPLETED = \"COMPLETED\";\nconst INTERNAL_ENDING = \"ENDING\";\nconst INTERNAL_QUEUED = \"QUEUED\";\nconst INTERNAL_RINGING = \"RINGING\";\n\nexport const callStatus = {\n INTERNAL_CONNECTING,\n INTERNAL_CALLING_CRM_USER,\n INTERNAL_IN_PROGRESS,\n INTERNAL_CANCELED,\n INTERNAL_FAILED,\n INTERNAL_BUSY,\n INTERNAL_NO_ANSWER,\n INTERNAL_COMPLETED,\n INTERNAL_ENDING,\n INTERNAL_QUEUED,\n INTERNAL_RINGING,\n};\n\nexport const callRingingStatus = {\n INTERNAL_QUEUED,\n INTERNAL_RINGING,\n INTERNAL_CONNECTING,\n INTERNAL_CALLING_CRM_USER,\n};\n\nexport const callInProgressStatus = { INTERNAL_IN_PROGRESS };\n\nexport const callEndingStatus = { INTERNAL_ENDING };\n\nexport const callEndStatus = {\n INTERNAL_COMPLETED,\n INTERNAL_FAILED,\n INTERNAL_CANCELED,\n INTERNAL_BUSY,\n INTERNAL_NO_ANSWER,\n};\n","\"use es6\";\n\nimport { messageType, VERSION } from \"./Constants\";\n\nconst prefix = `[calling-extensions-sdk@${VERSION}]`;\n/*\n * IFrameManager abstracts the iFrame communication between the IFrameHost and an IFrame\n * An IFrameManager instance can act as part of the IFrameHost and an IFrame depending on\n * the options.\n */\nclass IFrameManager {\n constructor(options) {\n this.options = options;\n const { iFrameOptions, onMessageHandler, debugMode } = options;\n\n this.onMessageHandler = onMessageHandler;\n if (!this.onMessageHandler) {\n throw new Error(\"Invalid options: onMessageHandler is not defined\");\n }\n this.isIFrameHost = !!iFrameOptions;\n this.debugMode = debugMode;\n\n // Keeps track of all the callbacks\n this.callbacks = {};\n\n this.instanceId = Date.now();\n this.instanceRegexp = new RegExp(`^${this.instanceId}`);\n this.isReady = false;\n\n this.messageHandler = event => this.onMessage(event);\n window.addEventListener(\"message\", this.messageHandler);\n\n if (iFrameOptions) {\n this.iFrame = IFrameManager.createIFrame(iFrameOptions, () => {\n this.firstSyncSent = Date.now();\n this.isReady = false;\n this.sendSync();\n });\n }\n\n this.destinationWindow = iFrameOptions\n ? this.iFrame.contentWindow\n : window.parent;\n\n this.destinationHost = IFrameManager.getDestinationHost(iFrameOptions);\n }\n\n /*\n * Creates a new message id\n */\n static createMessageId(instanceId) {\n return `${instanceId}_${Date.now()}`;\n }\n\n /*\n * Gets the html element that hosts the iFrame\n */\n static getHostElement(hostElementSelector) {\n const hostElement = document.querySelector(hostElementSelector);\n if (!hostElement) {\n throw new Error(\n `hostElement not found. Selector - ${hostElementSelector}`,\n );\n }\n return hostElement;\n }\n\n static extractHostFromUrl(url) {\n const a = document.createElement(\"a\");\n a.href = url;\n return `${a.protocol}//${a.host}`;\n }\n\n static getDestinationHost(iFrameOptions) {\n const url = iFrameOptions ? iFrameOptions.src : document.referrer;\n return IFrameManager.extractHostFromUrl(url);\n }\n\n static createIFrame(iFrameOptions, onLoadCallback) {\n const {\n src, width, height, hostElementSelector,\n } = iFrameOptions;\n\n if (!src || !width || !height || !hostElementSelector) {\n throw new Error(\n \"iFrameOptions is missing one of the required properties - {src, width, height, hostElementSelector}.\",\n );\n }\n\n const iFrame = document.createElement(\"iFrame\");\n iFrame.onload = onLoadCallback;\n iFrame.onerror = this.handleLoadError;\n iFrame.src = src;\n iFrame.width = width;\n iFrame.height = height;\n iFrame.allow = \"microphone; autoplay\";\n iFrame.id = \"hubspot-calling-extension-iframe\";\n\n const element = IFrameManager.getHostElement(hostElementSelector);\n element.innerHTML = \"\";\n element.appendChild(iFrame);\n\n return element.querySelector(\"iFrame\");\n }\n\n handleLoadError() {\n this.onMessageHandler({\n type: messageType.SYNC_ACK_FAILED,\n });\n }\n\n updateIFrameSize(sizeInfo) {\n const { width, height } = sizeInfo;\n const formatSize = size => (typeof size === \"number\" ? `${size}px` : size);\n if (width) {\n this.iFrame.setAttribute(\"width\", formatSize(width));\n }\n if (height) {\n this.iFrame.setAttribute(\"height\", formatSize(height));\n }\n }\n\n onReady() {\n this.isReady = true;\n this.onMessageHandler({\n type: messageType.READY,\n });\n }\n\n /*\n * Unload the iFrame\n */\n remove() {\n window.removeEventListener(\"message\", this.messageHandler);\n\n if (this.iFrame) {\n const element = IFrameManager.getHostElement(\n this.options.iFrameOptions.hostElementSelector,\n );\n element.innerHTML = \"\";\n\n this.isReady = false;\n this.iFrame = null;\n this.options = null;\n }\n }\n\n /*\n * Send a message to the destination window.\n */\n sendMessage(message, callback) {\n const { type } = message;\n if (type !== messageType.SYNC && !this.isReady) {\n // Do not send a message unless the iFrame is ready to receive.\n console.warn(prefix, \"iFrame not initialized to send a message within HubSpot\", message);\n return;\n }\n\n let { messageId } = message;\n if (!messageId) {\n // Initiating a new message\n messageId = IFrameManager.createMessageId(this.instanceId);\n if (callback) {\n // Keep track of the callback\n this.callbacks[messageId] = callback;\n }\n }\n\n const newMessage = Object.assign({}, message, {\n messageId,\n });\n\n this.logDebugMessage(prefix, \"To HubSpot\", type, message);\n this.destinationWindow.postMessage(newMessage, this.destinationHost);\n }\n\n onMessage(event) {\n const { data, origin } = event;\n const { type } = event.data;\n if (type === messageType.SYNC) {\n // The iFrame host can send this message multiple times, don't respond more than once\n if (!this.isReady) {\n this.isReady = true;\n\n const message = Object.assign({}, event.data, {\n type: messageType.SYNC_ACK,\n debugMode: this.debugMode,\n version: VERSION,\n iFrameUrl: IFrameManager.extractHostFromUrl(window.location.href),\n });\n\n const { hostUrl } = event.data;\n this.destinationHost = hostUrl || this.destinationHost;\n this.sendMessage(message);\n this.onReady();\n }\n return;\n }\n\n if (this.destinationHost !== origin) {\n // Ignore messages from an unknown origin\n return;\n }\n\n if (type === messageType.SET_WIDGET_URL) {\n const { iFrameUrl } = data;\n this.destinationHost = iFrameUrl || this.destinationHost;\n return;\n }\n\n const { messageId } = data;\n\n if (!messageId || !type) {\n return;\n }\n\n this.logDebugMessage(prefix, \"From HubSpot\", type, { data });\n if (this.instanceRegexp.test(messageId)) {\n // This is a response to some message generated by HubSpot\n const callBack = this.callbacks[messageId];\n if (callBack) {\n callBack(data);\n delete this.callbacks[messageId];\n }\n return;\n }\n\n // This is a new message, let the handler handle it.\n this.onMessageHandler(data);\n }\n\n sendSync() {\n // No SYNC_ACK message after 30sec results in a failure\n if (Date.now() - this.firstSyncSent > 30000) {\n this.onMessageHandler({\n type: messageType.SYNC_ACK_FAILED,\n });\n return;\n }\n\n this.sendMessage(\n {\n type: messageType.SYNC,\n hostUrl: IFrameManager.extractHostFromUrl(window.location.href),\n },\n eventData => {\n const { iFrameUrl } = eventData;\n this.destinationHost = iFrameUrl || this.destinationHost;\n this.onReady();\n this.debugMode = eventData && eventData.debugMode;\n },\n );\n\n // In cases where the call widget loads the calling extensions asynchronously, message\n // handlers may not be set up - retry until a response from the iFrame\n window.setTimeout(() => {\n if (this.iFrame && !this.isReady) {\n this.sendSync();\n }\n }, 100);\n }\n\n logDebugMessage(...args) {\n if (this.debugMode) {\n console.log.call(null, args);\n return;\n }\n console.debug.call(null, args);\n }\n}\n\nexport default IFrameManager;\n","\"use es6\";\n\nimport IFrameManager from \"./IFrameManager\";\nimport { messageType, errorType } from \"./Constants\";\n\n/**\n * @typedef {Object} EventHandlers\n * @property {function} onReady - Called when HubSpot is ready to receive messages.\n * @property {function} onDialNumber - Called when the HubSpot sends a dial number from the contact.\n * @property {function} onEngagementCreated - Called when HubSpot creates an engagement\n * for the call.\n * @property {function} onVisibilityChanged - Called when the call widget's visibility changes.\n */\n\n/**\n * @typedef {Object} Options\n * @property {boolean} debugMode - Whether to log various inbound/outbound debug messages\n * to the console.\n * @property {EventHandlers} eventHandlers - Event handlers handle inbound messages.\n */\n\n/*\n * CallingExtensions allows call providers to communicate with HubSpot.\n */\nclass CallingExtensions {\n /**\n * @param {Options} options\n */\n constructor(options) {\n if (!options || !options.eventHandlers) {\n throw new Error(\"Invalid options or missing eventHandlers.\");\n }\n\n this.options = options;\n\n this.iFrameManager = new IFrameManager({\n debugMode: options.debugMode,\n onMessageHandler: event => this.onMessageHandler(event),\n });\n }\n\n initialized(userData) {\n this.sendMessage({\n type: messageType.INITIALIZED,\n data: { ...userData },\n });\n }\n\n userLoggedIn() {\n this.sendMessage({\n type: messageType.LOGGED_IN,\n });\n }\n\n userLoggedOut() {\n this.sendMessage({\n type: messageType.LOGGED_OUT,\n });\n }\n\n incomingCall(callDetails) {\n this.sendMessage({\n type: messageType.INCOMING_CALL,\n data: callDetails,\n });\n }\n\n outgoingCall(callDetails) {\n this.sendMessage({\n type: messageType.OUTGOING_CALL_STARTED,\n data: callDetails,\n });\n }\n\n callAnswered() {\n this.sendMessage({\n type: messageType.CALL_ANSWERED,\n });\n }\n\n callData(data) {\n this.sendMessage({\n type: messageType.CALL_DATA,\n data,\n });\n }\n\n callEnded(engagementData) {\n this.sendMessage({\n type: messageType.CALL_ENDED,\n data: engagementData,\n });\n }\n\n callCompleted(callCompletedData) {\n this.sendMessage({\n type: messageType.CALL_COMPLETED,\n data: callCompletedData,\n });\n }\n\n sendError(errorData) {\n this.sendMessage({\n type: messageType.ERROR,\n data: errorData,\n });\n }\n\n resizeWidget(sizeInfo) {\n this.sendMessage({\n type: messageType.RESIZE_WIDGET,\n data: sizeInfo,\n });\n }\n\n sendMessage(message) {\n this.iFrameManager.sendMessage(message);\n }\n\n onMessageHandler(event) {\n const { type, data } = event;\n const { eventHandlers } = this.options;\n let handler;\n switch (type) {\n case messageType.READY: {\n const { onReady } = eventHandlers;\n handler = onReady;\n break;\n }\n case messageType.DIAL_NUMBER: {\n const { onDialNumber } = eventHandlers;\n handler = onDialNumber;\n break;\n }\n case messageType.ENGAGEMENT_CREATED: {\n const { onEngagementCreated } = eventHandlers;\n handler = onEngagementCreated;\n break;\n }\n case messageType.END_CALL: {\n const { onEndCall } = eventHandlers;\n handler = onEndCall;\n break;\n }\n case messageType.VISIBILITY_CHANGED: {\n const { onVisibilityChanged } = eventHandlers;\n handler = onVisibilityChanged;\n break;\n }\n case messageType.SET_CALL_STATE: {\n const { onSetCallState } = eventHandlers;\n handler = onSetCallState;\n break;\n }\n case messageType.CREATE_ENGAGEMENT_FAILED: {\n const { onCreateEngagementFailed } = eventHandlers;\n handler = onCreateEngagementFailed;\n break;\n }\n case messageType.CREATE_ENGAGEMENT_SUCCEEDED: {\n const { onCreateEngagementSucceeded } = eventHandlers;\n handler = onCreateEngagementSucceeded;\n break;\n }\n case messageType.UPDATE_ENGAGEMENT_FAILED: {\n const { onUpdateEngagementFailed } = eventHandlers;\n handler = onUpdateEngagementFailed;\n break;\n }\n case messageType.UPDATE_ENGAGEMENT_SUCCEEDED: {\n const { onUpdateEngagementSucceeded } = eventHandlers;\n handler = onUpdateEngagementSucceeded;\n break;\n }\n default: {\n // Send back a message indicating an unknown event is received\n this.sendMessage({\n type: messageType.ERROR,\n data: {\n type: errorType.UNKNOWN_MESSAGE_TYPE,\n data: {\n originalMessage: event,\n },\n },\n });\n break;\n }\n }\n handler = handler || eventHandlers.defaultEventHandler;\n if (handler) {\n handler(data, event);\n } else {\n console.error(\n `No event handler is available to handle message of type: ${type}`,\n );\n }\n }\n}\n\nexport default CallingExtensions;\n","import { useMemo, useState } from \"react\";\nimport CallingExtensions from \"../../../../src/CallingExtensions\";\nimport { callStatus } from \"../../../../src/Constants\";\n// @ts-expect-error module not typed\n// import CallingExtensions, { Constants } from \"@hubspot/calling-extensions-sdk\";\n// const { callStatus } = Constants;\n\nexport const useCti = () => {\n const [phoneNumber, setPhoneNumber] = useState(\"\");\n const [engagementId, setEngagementId] = useState(null);\n const cti = useMemo(() => {\n const defaultSize = { width: 400, height: 600 };\n return new CallingExtensions({\n debugMode: true,\n eventHandlers: {\n onReady: () => {\n cti.initialized({ isLoggedIn: true, sizeInfo: defaultSize });\n },\n onDialNumber: (data: any, _rawEvent: any) => {\n const { phoneNumber } = data;\n setPhoneNumber(phoneNumber);\n },\n onEngagementCreated: (data: any, _rawEvent: any) => {\n const { engagementId } = data;\n setEngagementId(engagementId);\n },\n onVisibilityChanged: (data: any, _rawEvent: any) => {\n // nothing to do here\n },\n },\n });\n }, []);\n return { phoneNumber, engagementId, cti, callStatus };\n};\n","export const millisecondsToFormattedDuration = (milliseconds: number) => {\n const seconds = milliseconds / 1000;\n const minutes = Math.floor(seconds / 60);\n const hours = Math.floor(minutes / 60);\n\n let minutesString = `${Math.floor(minutes % 60)}`;\n let secondsString = `${Math.floor(seconds % 60)}`;\n\n if (secondsString.length === 1) {\n secondsString = 0 + secondsString;\n }\n if (hours > 0 && minutesString.length === 1) {\n minutesString = 0 + minutesString;\n }\n\n const duration = [minutesString, secondsString];\n if (hours > 0) {\n duration.unshift(hours.toString());\n }\n\n return duration.join(\":\");\n};\n","import { ReactElement, MouseEventHandler } from \"react\";\nimport { BATTLESHIP, OLAF } from \"../utils/colors\";\nimport { LinkButton } from \"./Components\";\n\nfunction Alert({\n title,\n onConfirm,\n}: {\n title: string | ReactElement;\n onConfirm: MouseEventHandler;\n}) {\n return (\n \n {title}\n \n ×\n \n
\n );\n}\n\nexport default Alert;\n","import { useState, useMemo, useCallback } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { createTheme } from \"../visitor-ui-component-library/theme/createTheme\";\nimport {\n setDisabledBackgroundColor,\n setPrimaryColor,\n setTextColor,\n} from \"../visitor-ui-component-library/theme/defaultThemeOperators\";\nimport { setTooltipBackgroundColor } from \"../visitor-ui-component-library/tooltip/theme/tooltipThemeOperators\";\nimport LoginScreen from \"./screens/LoginScreen\";\nimport KeypadScreen from \"./screens/KeypadScreen\";\nimport DialingScreen from \"./screens/DialingScreen\";\nimport CallingScreen from \"./screens/CallingScreen\";\nimport CallEndedScreen from \"./screens/CallEndedScreen\";\nimport { useCti } from \"../hooks/useCti\";\nimport { useCallDurationTimer } from \"../hooks/useTimer\";\nimport { ScreenNames } from \"../types/ScreenTypes\";\nimport Alert from \"./Alert\";\nimport { CALYPSO, GYPSUM, KOALA, OLAF, SLINKY } from \"../utils/colors\";\n\nexport const screens = [\n LoginScreen,\n KeypadScreen,\n DialingScreen,\n CallingScreen,\n CallEndedScreen,\n];\n\nexport const formatTime = (totalSeconds: number) => {\n const getTimeStr = (time: number) => {\n return time < 10 ? `0${time}` : time.toString();\n };\n const hour = Math.floor(totalSeconds / 3600);\n const minute = Math.floor((totalSeconds - hour * 3600) / 60);\n const second = totalSeconds - (hour * 3600 + minute * 60);\n return `${getTimeStr(hour)}:${getTimeStr(minute)}:${getTimeStr(second)}`;\n};\n\nfunction App() {\n const { cti, phoneNumber, engagementId, callStatus } = useCti();\n const [screenIndex, setScreenIndex] = useState(0);\n const [dialNumber, setDialNumber] = useState(\"+1\");\n const [notes, setNotes] = useState(\"\");\n const {\n callDuration,\n callDurationString,\n startTimer,\n stopTimer,\n resetCallDuration,\n } = useCallDurationTimer();\n const [showAlert, setShowAlert] = useState(true);\n const [fromNumber, setFromNumber] = useState(\"+1 617-948-3986\");\n\n const handleNavigateToScreen = (screenIndex: ScreenNames) => {\n setScreenIndex(screenIndex);\n };\n\n const resetInputs = useCallback(() => {\n setDialNumber(\"+1\");\n setNotes(\"\");\n resetCallDuration();\n }, [resetCallDuration]);\n\n const hideAlert = () => {\n setShowAlert(false);\n };\n\n const handleNextScreen = useCallback(() => {\n if (screenIndex === screens.length - 1) {\n setScreenIndex(1);\n return;\n }\n setScreenIndex(screenIndex + 1);\n }, [screenIndex]);\n\n const handlePreviousScreen = useCallback(() => {\n if (screenIndex !== 0) {\n setScreenIndex(screenIndex + 1);\n }\n }, [screenIndex]);\n\n const screenComponent = useMemo(() => {\n const handleEndCall = () => {\n stopTimer();\n handleNavigateToScreen(ScreenNames.CallEnded);\n };\n\n const handleSaveCall = () => {\n resetInputs();\n handleNavigateToScreen(ScreenNames.Keypad);\n };\n\n const Component = screens[screenIndex];\n if (!Component) {\n return null;\n }\n return (\n \n );\n }, [\n screenIndex,\n handleNextScreen,\n handlePreviousScreen,\n cti,\n phoneNumber,\n engagementId,\n dialNumber,\n notes,\n callDuration,\n callDurationString,\n startTimer,\n stopTimer,\n fromNumber,\n callStatus,\n resetInputs,\n ]);\n\n return (\n \n \n {screenComponent}\n {showAlert && (\n
\n )}\n
\n \n );\n}\n\nexport default App;\n","import { useState, ChangeEvent } from \"react\";\nimport { useAutoFocus } from \"../../hooks/useAutoFocus\";\nimport {\n Wrapper,\n RoundedInput,\n RoundedButton,\n LinkButton,\n Row,\n} from \"../Components\";\nimport { ScreenProps } from \"../../types/ScreenTypes\";\nimport { PANTERA } from \"../../utils/colors\";\n\nfunction LoginScreen({ cti, handleNextScreen }: ScreenProps) {\n const usernameInput = useAutoFocus();\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n\n const handleLogin = () => {\n cti.userLoggedIn();\n handleNextScreen();\n };\n\n const handleUsername = ({\n target: { value },\n }: ChangeEvent) => setUsername(value);\n const handlePassword = ({\n target: { value },\n }: ChangeEvent) => setPassword(value);\n\n return (\n \n \n \n );\n}\n\nexport default LoginScreen;\n","import { useEffect } from \"react\";\nimport { EndCallButton, Row, Timer, Wrapper } from \"../Components\";\nimport { ScreenProps } from \"../../types/ScreenTypes\";\nimport { EndCallSvg } from \"../Icons\";\n\nfunction DialingScreen({\n handleNextScreen,\n dialNumber,\n callDurationString,\n handleEndCall,\n cti,\n callStatus,\n}: ScreenProps) {\n useEffect(() => {\n const timer = setTimeout(() => {\n cti.callAnswered();\n handleNextScreen();\n }, 2500);\n return () => clearTimeout(timer);\n }, [cti, handleNextScreen]);\n\n const onEndCall = () => {\n cti.callEnded({\n callEndStatus: callStatus.INTERNAL_COMPLETED,\n });\n handleEndCall();\n };\n\n return (\n \n \n
Dialing {dialNumber} ... \n {callDurationString} \n \n \n \n {EndCallSvg}\n \n
\n \n );\n}\n\nexport default DialingScreen;\n","import { useState, ChangeEvent, useMemo } from \"react\";\nimport { ScreenProps } from \"../../types/ScreenTypes\";\nimport {\n CallActionButton,\n EndCallButton,\n Row,\n Timer,\n Tooltip,\n TextArea,\n Wrapper,\n CallActionLabel,\n} from \"../Components\";\nimport { KeypadPopover } from \"../Keypad\";\nimport {\n EndCallSvg,\n StartRecordSvg,\n StopRecordSvg,\n MuteSvg,\n UnmuteSvg,\n ShowKeypadSvg,\n HideKeypadSvg,\n} from \"../Icons\";\nimport { BATTLESHIP, SLINKY } from \"../../utils/colors\";\n\nfunction CallingScreen({\n cti,\n dialNumber,\n notes,\n setNotes,\n callDurationString,\n handleEndCall,\n callStatus,\n}: ScreenProps) {\n const [toggleRecord, setToggleRecord] = useState(false);\n const [toggleMute, setToggleMute] = useState(false);\n const [toggleKeypad, setToggleKeypad] = useState(false);\n\n const handleToggleRecord = () => {\n setToggleRecord(!toggleRecord);\n };\n const handleToggleMute = () => {\n setToggleMute(!toggleMute);\n };\n const handleToggleKeypad = () => {\n setToggleKeypad(!toggleKeypad);\n };\n\n const handleNotes = (event: ChangeEvent) => {\n setNotes(event.target.value);\n };\n const onEndCall = () => {\n cti.callEnded({\n callEndStatus: callStatus.INTERNAL_COMPLETED,\n });\n handleEndCall();\n };\n\n const content = useMemo(() => {\n return ;\n }, []);\n\n return (\n \n \n
Call with {dialNumber} \n {callDurationString} \n \n \n \n \n {toggleRecord ? StopRecordSvg : StartRecordSvg}\n \n Record \n
\n \n \n {toggleMute ? UnmuteSvg : MuteSvg}\n \n Mute \n
\n \n \n \n {toggleKeypad ? HideKeypadSvg : ShowKeypadSvg}\n \n \n Keypad \n
\n
\n \n \n {EndCallSvg}\n \n
\n \n \n \n Notes
\n \n \n
\n \n );\n}\n\nexport default CallingScreen;\n","import { useRef, useState } from \"react\";\nimport { millisecondsToFormattedDuration } from \"../utils/millisecondsToFormattedDuration\";\n\nexport const useCallDurationTimer = () => {\n const timerId = useRef();\n const [callDuration, setCallDuration] = useState(0);\n\n const startTimer = (callStartTime: number) => {\n const tick = () => {\n setCallDuration(Date.now() - callStartTime);\n };\n timerId.current = setInterval(tick, 1000);\n };\n\n const stopTimer = () => {\n clearInterval(timerId.current);\n };\n\n const resetCallDuration = () => {\n setCallDuration(0);\n };\n\n return {\n callDuration,\n callDurationString: millisecondsToFormattedDuration(callDuration),\n startTimer,\n stopTimer,\n resetCallDuration,\n };\n};\n","import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./components/App\";\n\nconst rootNode = document.getElementById(\"app\");\nif (!rootNode) {\n throw new Error(\"The element #app wasn't found\");\n}\nconst root = createRoot(rootNode);\nroot.render(React.createElement(App));\n"],"names":["reactIs","REACT_STATICS","childContextTypes","contextType","contextTypes","defaultProps","displayName","getDefaultProps","getDerivedStateFromError","getDerivedStateFromProps","mixins","propTypes","type","KNOWN_STATICS","name","length","prototype","caller","callee","arguments","arity","MEMO_STATICS","compare","TYPE_STATICS","getStatics","component","isMemo","ForwardRef","render","Memo","defineProperty","Object","getOwnPropertyNames","getOwnPropertySymbols","getOwnPropertyDescriptor","getPrototypeOf","objectPrototype","module","exports","hoistNonReactStatics","targetComponent","sourceComponent","blacklist","inheritedComponent","keys","concat","targetStatics","sourceStatics","i","key","descriptor","e","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","props","propName","componentName","location","propFullName","secret","err","Error","getShim","isRequired","ReactPropTypes","array","bigint","bool","func","number","object","string","symbol","any","arrayOf","element","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes","aa","ca","p","a","b","c","encodeURIComponent","da","Set","ea","fa","ha","add","ia","window","document","createElement","ja","hasOwnProperty","ka","la","ma","v","d","f","g","this","acceptsBooleans","attributeName","attributeNamespace","mustUseProperty","propertyName","sanitizeURL","removeEmptyString","z","split","forEach","toLowerCase","ra","sa","toUpperCase","ta","slice","pa","isNaN","qa","call","test","oa","removeAttribute","setAttribute","setAttributeNS","replace","xlinkHref","ua","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","va","Symbol","for","wa","ya","za","Aa","Ba","Ca","Da","Ea","Fa","Ga","Ha","Ia","Ja","iterator","Ka","La","A","assign","Ma","stack","trim","match","Na","Oa","prepareStackTrace","set","Reflect","construct","l","h","k","includes","Pa","tag","Qa","$$typeof","_context","_payload","_init","Ra","Sa","Ta","nodeName","Va","_valueTracker","constructor","get","configurable","enumerable","getValue","setValue","stopTracking","Ua","Wa","checked","value","Xa","activeElement","body","Ya","defaultChecked","defaultValue","_wrapperState","initialChecked","Za","initialValue","controlled","ab","bb","cb","db","ownerDocument","eb","Array","isArray","fb","options","selected","defaultSelected","disabled","gb","dangerouslySetInnerHTML","children","hb","ib","jb","textContent","kb","lb","mb","nb","namespaceURI","innerHTML","valueOf","toString","firstChild","removeChild","appendChild","MSApp","execUnsafeLocalFunction","ob","lastChild","nodeType","nodeValue","pb","animationIterationCount","aspectRatio","borderImageOutset","borderImageSlice","borderImageWidth","boxFlex","boxFlexGroup","boxOrdinalGroup","columnCount","columns","flex","flexGrow","flexPositive","flexShrink","flexNegative","flexOrder","gridArea","gridRow","gridRowEnd","gridRowSpan","gridRowStart","gridColumn","gridColumnEnd","gridColumnSpan","gridColumnStart","fontWeight","lineClamp","lineHeight","opacity","order","orphans","tabSize","widows","zIndex","zoom","fillOpacity","floodOpacity","stopOpacity","strokeDasharray","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth","qb","rb","sb","style","indexOf","setProperty","charAt","substring","tb","menuitem","area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr","ub","vb","is","wb","xb","target","srcElement","correspondingUseElement","parentNode","yb","zb","Ab","Bb","Cb","stateNode","Db","Eb","push","Fb","Gb","Hb","Ib","Jb","Kb","Lb","Mb","addEventListener","removeEventListener","Nb","apply","m","onError","Ob","Pb","Qb","Rb","Sb","Tb","Vb","alternate","return","flags","Wb","memoizedState","dehydrated","Xb","Zb","child","sibling","current","Yb","$b","ac","unstable_scheduleCallback","bc","unstable_cancelCallback","cc","unstable_shouldYield","dc","unstable_requestPaint","B","unstable_now","ec","unstable_getCurrentPriorityLevel","fc","unstable_ImmediatePriority","gc","unstable_UserBlockingPriority","hc","unstable_NormalPriority","ic","unstable_LowPriority","jc","unstable_IdlePriority","kc","lc","oc","Math","clz32","pc","qc","log","LN2","rc","sc","tc","uc","pendingLanes","suspendedLanes","pingedLanes","entangledLanes","entanglements","vc","xc","yc","zc","Ac","eventTimes","Cc","C","Dc","Ec","Fc","Gc","Hc","Ic","Jc","Kc","Lc","Mc","Nc","Oc","Map","Pc","Qc","Rc","Sc","delete","pointerId","Tc","nativeEvent","blockedOn","domEventName","eventSystemFlags","targetContainers","Vc","Wc","priority","isDehydrated","containerInfo","Xc","Yc","dispatchEvent","shift","Zc","$c","ad","bd","cd","ReactCurrentBatchConfig","dd","ed","transition","fd","gd","hd","id","Uc","stopPropagation","jd","kd","ld","md","nd","od","keyCode","charCode","pd","qd","rd","_reactName","_targetInst","currentTarget","isDefaultPrevented","defaultPrevented","returnValue","isPropagationStopped","preventDefault","cancelBubble","persist","isPersistent","wd","xd","yd","sd","eventPhase","bubbles","cancelable","timeStamp","Date","now","isTrusted","td","ud","view","detail","vd","Ad","screenX","screenY","clientX","clientY","pageX","pageY","ctrlKey","shiftKey","altKey","metaKey","getModifierState","zd","button","buttons","relatedTarget","fromElement","toElement","movementX","movementY","Bd","Dd","dataTransfer","Fd","Hd","animationName","elapsedTime","pseudoElement","Id","clipboardData","Jd","Ld","data","Md","Esc","Spacebar","Left","Up","Right","Down","Del","Win","Menu","Apps","Scroll","MozPrintableKey","Nd","Od","Alt","Control","Meta","Shift","Pd","Qd","String","fromCharCode","code","repeat","locale","which","Rd","Td","width","height","pressure","tangentialPressure","tiltX","tiltY","twist","pointerType","isPrimary","Vd","touches","targetTouches","changedTouches","Xd","Yd","deltaX","wheelDeltaX","deltaY","wheelDeltaY","wheelDelta","deltaZ","deltaMode","Zd","$d","ae","be","documentMode","ce","de","ee","fe","ge","he","ie","le","color","date","datetime","email","month","password","range","search","tel","text","time","url","week","me","ne","oe","event","listeners","pe","qe","re","se","te","ue","ve","we","xe","ye","ze","oninput","Ae","detachEvent","Be","Ce","attachEvent","De","Ee","Fe","He","Ie","Je","Ke","offset","nextSibling","Le","contains","compareDocumentPosition","Me","HTMLIFrameElement","contentWindow","href","Ne","contentEditable","Oe","focusedElem","selectionRange","documentElement","start","end","selectionStart","selectionEnd","min","defaultView","getSelection","extend","rangeCount","anchorNode","anchorOffset","focusNode","focusOffset","createRange","setStart","removeAllRanges","addRange","setEnd","left","scrollLeft","top","scrollTop","focus","Pe","Qe","Re","Se","Te","Ue","Ve","We","animationend","animationiteration","animationstart","transitionend","Xe","Ye","Ze","animation","$e","af","bf","cf","df","ef","ff","gf","hf","lf","mf","nf","Ub","instance","listener","D","of","has","pf","qf","rf","random","sf","bind","capture","passive","n","t","J","x","u","w","F","tf","uf","parentWindow","vf","wf","na","xa","$a","ba","je","char","ke","unshift","xf","yf","zf","Af","Bf","Cf","Df","Ef","__html","Ff","setTimeout","Gf","clearTimeout","Hf","Promise","Jf","queueMicrotask","resolve","then","catch","If","Kf","Lf","Mf","previousSibling","Nf","Of","Pf","Qf","Rf","Sf","Tf","Uf","E","G","Vf","H","Wf","Xf","Yf","__reactInternalMemoizedUnmaskedChildContext","__reactInternalMemoizedMaskedChildContext","Zf","$f","ag","bg","getChildContext","cg","__reactInternalMemoizedMergedChildContext","dg","eg","fg","gg","hg","jg","kg","lg","mg","ng","og","pg","qg","rg","sg","tg","ug","vg","wg","xg","yg","I","zg","Ag","Bg","deletions","Cg","pendingProps","overflow","treeContext","retryLane","Dg","mode","Eg","Fg","Gg","memoizedProps","Hg","Ig","Jg","Kg","Lg","Mg","Ng","Og","Pg","Qg","Rg","_currentValue","Sg","childLanes","Tg","dependencies","firstContext","lanes","Ug","Vg","context","memoizedValue","next","Wg","Xg","Yg","interleaved","Zg","$g","ah","updateQueue","baseState","firstBaseUpdate","lastBaseUpdate","shared","pending","effects","bh","ch","eventTime","lane","payload","callback","dh","K","eh","fh","gh","q","r","y","hh","ih","jh","Component","refs","kh","nh","isMounted","_reactInternals","enqueueSetState","L","lh","mh","enqueueReplaceState","enqueueForceUpdate","oh","shouldComponentUpdate","isPureReactComponent","ph","state","updater","qh","componentWillReceiveProps","UNSAFE_componentWillReceiveProps","rh","getSnapshotBeforeUpdate","UNSAFE_componentWillMount","componentWillMount","componentDidMount","sh","ref","_owner","_stringRef","th","join","uh","vh","index","wh","xh","yh","implementation","zh","Ah","done","Bh","Ch","Dh","Eh","Fh","Gh","Hh","Ih","tagName","Jh","Kh","Lh","M","Mh","revealOrder","Nh","Oh","_workInProgressVersionPrimary","Ph","ReactCurrentDispatcher","Qh","Rh","N","O","P","Sh","Th","Uh","Vh","Q","Wh","Xh","Yh","Zh","$h","ai","bi","ci","baseQueue","queue","di","ei","fi","lastRenderedReducer","action","hasEagerState","eagerState","lastRenderedState","dispatch","gi","hi","ii","ji","ki","getSnapshot","li","mi","R","ni","lastEffect","stores","oi","pi","qi","ri","create","destroy","deps","si","ti","ui","vi","wi","xi","yi","zi","Ai","Bi","Ci","Di","Ei","Fi","Gi","Hi","Ii","Ji","readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","identifierPrefix","Ki","message","digest","Li","Mi","console","error","Ni","WeakMap","Oi","Pi","Qi","Ri","componentDidCatch","Si","componentStack","Ti","pingCache","Ui","Vi","Wi","Xi","ReactCurrentOwner","Yi","Zi","$i","aj","bj","cj","dj","ej","baseLanes","cachePool","transitions","fj","gj","hj","ij","jj","UNSAFE_componentWillUpdate","componentWillUpdate","componentDidUpdate","kj","lj","pendingContext","mj","Aj","Bj","Cj","Dj","nj","oj","pj","fallback","qj","rj","tj","dataset","dgst","uj","vj","_reactRetry","sj","subtreeFlags","wj","xj","isBackwards","rendering","renderingStartTime","last","tail","tailMode","yj","Ej","S","Fj","Gj","wasMultiple","multiple","suppressHydrationWarning","onClick","onclick","size","createElementNS","autoFocus","createTextNode","T","Hj","Ij","Jj","Kj","U","Lj","WeakSet","V","Mj","W","Nj","Oj","Qj","Rj","Sj","Tj","Uj","Vj","Wj","insertBefore","_reactRootContainer","Xj","X","Yj","Zj","ak","onCommitFiberUnmount","componentWillUnmount","bk","ck","dk","ek","fk","isHidden","gk","hk","display","ik","jk","kk","lk","__reactInternalSnapshotBeforeUpdate","src","Wk","mk","ceil","nk","ok","pk","Y","Z","qk","rk","sk","tk","uk","Infinity","vk","wk","xk","yk","zk","Ak","Bk","Ck","Dk","Ek","callbackNode","expirationTimes","expiredLanes","wc","callbackPriority","ig","Fk","Gk","Hk","Ik","Jk","Kk","Lk","Mk","Nk","Ok","Pk","finishedWork","finishedLanes","Qk","timeoutHandle","Rk","Sk","Tk","Uk","Vk","mutableReadLanes","Bc","Pj","onCommitFiberRoot","mc","onRecoverableError","Xk","onPostCommitFiberRoot","Yk","Zk","al","isReactComponent","pendingChildren","bl","mutableSourceEagerHydrationData","cl","cache","pendingSuspenseBoundaries","el","fl","gl","hl","il","jl","zj","$k","ll","reportError","ml","_internalRoot","nl","ol","pl","ql","sl","rl","unmount","unstable_scheduleHydration","splice","querySelectorAll","JSON","stringify","form","tl","usingClientEntryPoint","Events","ul","findFiberByHostInstance","bundleType","version","rendererPackageName","vl","rendererConfig","overrideHookState","overrideHookStateDeletePath","overrideHookStateRenamePath","overrideProps","overridePropsDeletePath","overridePropsRenamePath","setErrorHandler","setSuspenseHandler","scheduleUpdate","currentDispatcherRef","findHostInstanceByFiber","findHostInstancesForRefresh","scheduleRefresh","scheduleRoot","setRefreshHandler","getCurrentFiber","reconcilerVersion","__REACT_DEVTOOLS_GLOBAL_HOOK__","wl","isDisabled","supportsFiber","inject","createPortal","dl","createRoot","unstable_strictMode","findDOMNode","flushSync","hydrate","hydrateRoot","hydratedSources","_getVersion","_source","unmountComponentAtNode","unstable_batchedUpdates","unstable_renderSubtreeIntoContainer","checkDCE","AsyncMode","ConcurrentMode","ContextConsumer","ContextProvider","Element","Fragment","Lazy","Portal","Profiler","StrictMode","Suspense","isAsyncMode","isConcurrentMode","isContextConsumer","isContextProvider","isElement","isForwardRef","isFragment","isLazy","isPortal","isProfiler","isStrictMode","isSuspense","isValidElementType","typeOf","setState","forceUpdate","__self","__source","escape","_status","_result","default","Children","map","count","toArray","only","PureComponent","cloneElement","createContext","_currentValue2","_threadCount","Provider","Consumer","_defaultValue","_globalName","createFactory","createRef","forwardRef","isValidElement","lazy","memo","startTransition","unstable_act","pop","sortIndex","performance","setImmediate","startTime","expirationTime","priorityLevel","navigator","scheduling","isInputPending","MessageChannel","port2","port1","onmessage","postMessage","unstable_Profiling","unstable_continueExecution","unstable_forceFrameRate","floor","unstable_getFirstCallbackNode","unstable_next","unstable_pauseExecution","unstable_runWithPriority","delay","unstable_wrapCallback","objA","objB","compareContext","ret","keysA","keysB","bHasOwnProperty","idx","valueA","valueB","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","getter","__esModule","definition","o","obj","prop","toStringTag","nc","charCodeAt","prefix","use","msGridRow","msGridRowSpan","msGridColumn","msGridColumnSpan","WebkitLineClamp","reactPropsRegex","fn","arg","freeze","_","styledComponentId","process","env","REACT_APP_SC_ATTR","SC_ATTR","Boolean","SC_DISABLE_SPEEDY","REACT_APP_SC_DISABLE_SPEEDY","j","groupSizes","Uint32Array","indexOfGroup","insertRules","s","insertRule","clearGroup","deleteRule","getGroup","getRule","RegExp","registerName","parseInt","getTag","head","childNodes","hasAttribute","$","sheet","styleSheets","ownerNode","cssRules","cssText","nodes","rules","isServer","useCSSOMInjection","gs","names","server","getAttribute","registerId","reconstructWithOptions","allocateGSInstance","hasNameForId","clearNames","clear","clearRules","clearTag","abs","staticRulesId","isStatic","componentId","baseHash","baseStyle","generateAndInjectStyles","hash","plugins","lastIndexOf","reduce","stylisPlugins","disableCSSOMInjection","disableVendorPrefixes","getName","_e","isCss","Ge","theme","attrs","parentComponentId","filter","shouldForwardProp","componentStyle","foldedComponentIds","$as","as","className","withComponent","_foldedDefaultProps","withConfig","createStyles","removeStyles","renderStyles","_emitSheetCSS","getStyleTags","sealed","getStyleElement","nonce","seal","collectStyles","interleaveWithNodeStream","pipe","_len","functions","_key","acc","WHITE","DEFAULT_PRIMARY_COLOR","DEFAULT_TEXT_COLOR","DEFAULT_ERROR_TEXT_COLOR","DISABLED_BACKGROUND_COLOR","DISABLED_TEXT_COLOR","DEFAULT_HELP_TEXT_COLOR","DEFAULT_PLACEHOLDER_TEXT_COLOR","DEFAULT_INPUT_BORDER_COLOR","DEFAULT_INPUT_BACKGROUND_COLOR","DEFAULT_HAPPY_COLOR","DEFAULT_NEUTRAL_COLOR","DEFAULT_SAD_COLOR","DEFAULT_TOOLTIP_BACKGROUND_COLOR","DEFAULT_TOOLTIP_TEXT_COLOR","curryable","curry","args","getThemeProperty","_typeof","setThemeProperty","_objectSpread","_defineProperty","getPrimaryColor","setPrimaryColor","getTextColor","setTextColor","setTextOnPrimaryColor","setErrorTextColor","getDisabledBackgroundColor","setDisabledBackgroundColor","getDisabledTextColor","setDisabledTextColor","setPlaceholderTextColor","getPlaceholderTextColor","getInputBorderColor","setInputBorderColor","getInputBackgroundColor","setInputBackgroundColor","setHelpTextColor","setSadColor","setNeutralColor","setHappyColor","getTooltipBackgroundColor","setTooltipBackgroundColor","getTooltipTextColor","setTooltipTextColor","focusRing","css","hexToRGB","hexColorValue","colorValue","substr","adjustLuminance","colorHex","luminanceShiftPercentage","_hexToRGB","redHex","greenHex","blueHex","MEDIUM","EXTRA_SMALL","SMALL","BUTTON_SIZES","_BUTTON_SIZES","BUTTON_PADDINGS","_BUTTON_PADDINGS","BUTTON_FONT_SIZES","_BUTTON_FONT_SIZES","buttonTheme","_ref","_ref2","_ref3","primary","textOnPrimary","_disabled","_ref4","disabledBackground","_ref5","disabledText","_focused","_hovered","_ref6","_pressed","_ref7","hexToRgba","hexColor","TRANSPARENT_ON_BACKGROUND","TRANSPARENT_ON_PRIMARY","iconButtonTheme","transparentOnBackgroundIconButton","_ref8","_ref9","ON_BRIGHT","DEFAULT","ERROR","getLinkColor","errorText","linkText","linkTheme","listItemButtonTheme","alignItems","disablePadding","disableGutters","listTheme","colors","placeholderText","inputBorder","inputBackground","helpText","happyColor","neutralColor","sadColor","components","Button","IconButton","Link","List","ListItemButton","wrapWithSelector","selector","computeComponentStyles","entries","styleProps","focused","hovered","pressed","createTheme","themeOperatorOverrides","defaultComponents","useAutoFocus","inputRef","interactionPropTypes","PRIMARY","SECONDARY","ButtonUses","AbstractVizExButton","styled","NoSelect","VizExButton","rest","_objectWithoutProperties","_excluded","React","themePropType","values","ON_DARK","getInputDisabledBackgroundColor","getInputDisabledTextColor","getInputPlaceholderColor","getInputFocusColor","_extends","StyledTextInput","InputContainer","VizExInput","suffix","placeholder","onChange","containerStyles","excluded","sourceKeys","_objectWithoutPropertiesLoose","sourceSymbolKeys","propertyIsEnumerable","onInput","StyledATag","VizExLink","external","PLACEMENTS_HORIZ","PLACEMENTS","getSide","placement","getEdge","direction","ARROW_SIZE","getSideStyles","getEdgeStyles","getMiddleStyles","open","callIfValid","$fc909762b330b746$export$61c6a8c84e605fb6","isOpen","setOpen","stateValue","setStateValue","wasControlled","isControlled","stateRef","warn","onChangeCaller","onChangeArgs","oldValue","functionArgs","interceptedValue","defaultOpen","onOpenChange","close","toggle","$8796f90736e175cb$var$TOOLTIP_DELAY","$8796f90736e175cb$var$tooltips","$8796f90736e175cb$var$tooltipId","$8796f90736e175cb$var$globalWarmedUp","$8796f90736e175cb$var$globalWarmUpTimeout","$8796f90736e175cb$var$globalCooldownTimeout","$704cf1d3b684cc5c$var$defaultContext","round","$704cf1d3b684cc5c$var$SSRContext","$704cf1d3b684cc5c$var$canUseDOM","$704cf1d3b684cc5c$var$componentIds","$704cf1d3b684cc5c$export$619500959fc48b26","defaultId","ctx","counter","_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner","currentOwner","prevComponentValue","$704cf1d3b684cc5c$var$useCounter","$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","$bdb11010cef70236$var$idsUpdaterMap","$bdb11010cef70236$export$cd8c9cb68f842629","idA","idB","setIdA","setIdB","$ff5963eb1fccf552$export$e08e3b67e392101e","callbacks","$3ef42575df84b30b$export$9d1611c77c2fe928","result","$7215afc6de606d6b$export$de79e2c695e052f3","$7215afc6de606d6b$var$supportsPreventScrollCached","preventScroll","$7215afc6de606d6b$var$supportsPreventScroll","scrollableElements","parent","rootScrollingElement","scrollingElement","HTMLElement","offsetHeight","scrollHeight","offsetWidth","scrollWidth","$7215afc6de606d6b$var$getScrollableElements","$7215afc6de606d6b$var$restoreScrollPosition","$bbed8b41f857bcc0$var$transitionsByElement","$bbed8b41f857bcc0$var$transitionCallbacks","$bbed8b41f857bcc0$var$setupGlobalEvents","onTransitionEnd","properties","$bbed8b41f857bcc0$export$24490316f764c430","requestAnimationFrame","$e7801be82b4b2a53$export$4debdb1a3f0fa79e","$c87311424ea30a05$var$testPlatform","_window_navigator_userAgentData","platform","$c87311424ea30a05$export$9ac100e40613ea10","$c87311424ea30a05$export$fedb369cb70207f1","maxTouchPoints","$6a7db85432448f7f$export$60278871457622de","mozInputSource","brands","some","brand","userAgent","$c87311424ea30a05$var$testUserAgent","readyState","visualViewport","$14c0b72509d70225$var$state","$14c0b72509d70225$var$savedUserSelect","$14c0b72509d70225$var$modifiedElementMap","$14c0b72509d70225$export$16a4697467175487","webkitUserSelect","SVGElement","userSelect","$14c0b72509d70225$export$b0d6fa1ab32e3295","targetOldUserSelect","$ae1eeba8b9eafd08$export$5165eccb35aaadb5","$f6c31cce2adf654f$export$45712eceda6fad21","onPress","onPressChange","onPressStart","onPressEnd","onPressUp","isPressed","isPressedProp","preventFocusOnPress","shouldCancelOnPointerExit","allowTextSelectionOnPress","domProps","register","contextProps","$f6c31cce2adf654f$var$usePressResponderContext","propsRef","setPressed","ignoreEmulatedMouseEvents","ignoreClickAfterPress","didFirePressStart","activePointerId","isOverTarget","addGlobalListener","removeAllGlobalListeners","globalListeners","eventTarget","once","removeGlobalListener","_globalListeners_current_get","pressProps","triggerPressStart","originalEvent","triggerPressEnd","wasPressed","triggerPressUp","cancel","$f6c31cce2adf654f$var$createEvent","onKeyDown","$f6c31cce2adf654f$var$isValidKeyboardEvent","$f6c31cce2adf654f$var$shouldPreventDefaultKeyboard","onKeyUp","$f6c31cce2adf654f$var$isHTMLAnchorLink","click","PointerEvent","onPointerDown","$f6c31cce2adf654f$var$shouldPreventDefault","onPointerMove","onPointerUp","onPointerCancel","onMouseDown","$f6c31cce2adf654f$var$isOverTarget","onDragStart","onMouseUp","onMouseEnter","onMouseLeave","onTouchStart","touch","$f6c31cce2adf654f$var$getTouchFromEvent","identifier","onScroll","onTouchMove","$f6c31cce2adf654f$var$getTouchById","onTouchEnd","onTouchCancel","role","HTMLInputElement","$f6c31cce2adf654f$var$isValidInputKey","HTMLTextAreaElement","isContentEditable","point","rect","getBoundingClientRect","pointRect","offsetX","radiusX","offsetY","radiusY","right","bottom","$f6c31cce2adf654f$var$getPointClientRect","$f6c31cce2adf654f$var$areRectanglesOverlapping","draggable","HTMLButtonElement","$f6c31cce2adf654f$var$nonTextInputTypes","$8a9cb279dc87e130$export$905e7fc544a71f36","$a1ea59d68270f0dd$export$f8168d8dd8fd66e6","onFocus","onFocusProp","onBlur","onBlurProp","onFocusChange","onSyntheticFocus","isFocused","observer","disconnect","HTMLSelectElement","onBlurHandler","_stateRef_current","_stateRef_current_onBlur","MutationObserver","FocusEvent","observe","attributes","attributeFilter","focusProps","$507fabe10e71c6fb$var$currentModality","$507fabe10e71c6fb$var$changeHandlers","$507fabe10e71c6fb$var$hasSetupGlobalListeners","$507fabe10e71c6fb$var$hasEventBeforeFocus","$507fabe10e71c6fb$var$hasBlurredWindowRecently","$507fabe10e71c6fb$var$triggerChangeHandlers","modality","handler","$507fabe10e71c6fb$var$handleKeyboardEvent","$507fabe10e71c6fb$var$isValidKey","$507fabe10e71c6fb$var$handlePointerEvent","$507fabe10e71c6fb$var$handleClickEvent","$507fabe10e71c6fb$var$handleFocusEvent","$507fabe10e71c6fb$var$handleWindowBlur","$507fabe10e71c6fb$var$setupGlobalFocusEvents","$507fabe10e71c6fb$export$630ff653c5ada6a9","$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents","$6179b936705e76d3$var$hoverCount","$6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents","$6179b936705e76d3$var$handleGlobalPointerEvent","$6179b936705e76d3$var$setupGlobalTouchEvents","$93925083ecbb358c$export$48d1ea6320830260","shouldStopPropagation","continuePropagation","writable","$9bf71ea28793e738$var$focusableElements","$9bf71ea28793e738$var$isElementInScope","scope","$9bf71ea28793e738$var$Tree","fastMap","getTreeNode","addTreeNode","scopeRef","nodeToRestore","$9bf71ea28793e738$var$TreeNode","addChild","addNode","removeTreeNode","traverse","root","clone","newTree","$e6afbd83fe6ebbd2$var$FocusableContext","$e6afbd83fe6ebbd2$export$4c014de7c8940b4c","domRef","keyboardProps","interactions","otherProps","$e6afbd83fe6ebbd2$var$useFocusableContext","interactionProps","autoFocusRef","lastFocusedElement","focusableProps","tabIndex","excludeFromTabOrder","$4e1b34546679e357$export$a6da6c504e4bba8b","trigger","tooltipId","nextId","res","updateValue","val","newId","isHovered","handleShow","handleHide","immediate","hoverProps","onHoverStart","onHoverChange","onHoverEnd","setHovered","triggerHoverEnd","triggerHoverStart","onPointerEnter","onPointerLeave","triggerProps","tooltipProps","ownKeys","enumerableOnly","symbols","sym","getOwnPropertyDescriptors","defineProperties","hint","prim","toPrimitive","TypeError","_toPrimitive","_toPropertyKey","Popover","transitioning","duration","PopoverWrapper","VizExTooltip","content","backgroundColor","textColor","_props$delay","hasValidOpenProp","tooltipTriggerProps","closeTimeout","ensureTooltipEntry","hideTooltip","closeOpenTooltips","hideTooltipId","showTooltip","useTooltipTriggerState","_useTooltipTrigger","useTooltipTrigger","VizExTooltipBody","VizExTooltipArrow","CALYPSO","SLINKY","BATTLESHIP","OLAF","TextArea","Wrapper","Input","KeypadInput","border","RoundedInput","autoComplete","borderRadius","marginBottom","LinkButton","RoundedButton","CallButton","EndCallButton","Row","FromNumberRow","FromNumberButton","FromNumberToggleButton","Key","CallActionButton","CallActionLabel","Timer","Tooltip","FromNumberTooltip","_path","ScreenNames","Keypad","addToDialNumber","KeypadPopover","xmlns","viewBox","StartCallSvg","Phone","fill","EndCallSvg","transform","StartRecordSvg","Record","focusable","StopRecordSvg","DeleteLeftSvg","DeleteLeft","UnmuteSvg","Unmute","MuteSvg","Mute","HideKeypadSvg","flexDirection","ShowKeypadSvg","CaretDownSvg","CaretDown","fromNumber","setFromNumber","setToggleFromNumbers","toggleFromNumbers","handleFromNumber","phoneNumber","FromNumbers","marginRight","StyledRow","VERSION","require","messageType","callStatus","INTERNAL_CONNECTING","INTERNAL_CALLING_CRM_USER","INTERNAL_IN_PROGRESS","INTERNAL_CANCELED","INTERNAL_FAILED","INTERNAL_BUSY","INTERNAL_NO_ANSWER","INTERNAL_COMPLETED","INTERNAL_ENDING","INTERNAL_QUEUED","INTERNAL_RINGING","_defineProperties","IFrameManager","_this","Constructor","_classCallCheck","iFrameOptions","onMessageHandler","debugMode","isIFrameHost","instanceId","instanceRegexp","isReady","messageHandler","onMessage","iFrame","createIFrame","firstSyncSent","sendSync","destinationWindow","destinationHost","getDestinationHost","protoProps","staticProps","sizeInfo","formatSize","getHostElement","hostElementSelector","messageId","createMessageId","newMessage","logDebugMessage","origin","callBack","iFrameUrl","extractHostFromUrl","hostUrl","sendMessage","onReady","_this2","eventData","debug","hostElement","querySelector","protocol","host","referrer","onLoadCallback","onload","onerror","handleLoadError","allow","CallingExtensions","eventHandlers","iFrameManager","userData","callDetails","engagementData","callCompletedData","errorData","onDialNumber","onEngagementCreated","onEndCall","onVisibilityChanged","onSetCallState","onCreateEngagementFailed","onCreateEngagementSucceeded","onUpdateEngagementFailed","onUpdateEngagementSucceeded","originalMessage","defaultEventHandler","useCti","_useState2","_slicedToArray","setPhoneNumber","_useState4","engagementId","setEngagementId","cti","defaultSize","initialized","isLoggedIn","_rawEvent","millisecondsToFormattedDuration","milliseconds","seconds","minutes","hours","minutesString","secondsString","title","onConfirm","padding","fontSize","screens","handleNextScreen","usernameInput","username","setUsername","setPassword","handleLogin","userLoggedIn","textAlign","dialNumber","setDialNumber","handleNavigateToScreen","startTimer","dialNumberInput","cursorStart","setCursorStart","cursorEnd","setCursorEnd","_useState6","isDialNumberValid","setIsDialNumberValid","_useState8","handleSetDialNumber","validatePhoneNumber","handleStartCall","callStartTime","outgoingCall","createEngagement","handleBackspace","updatedDialNumber","setSelectionRange","userLoggedOut","Login","justifyContent","margin","validateKeypadInput","_ref2$target","_dialNumberInput$curr","FromNumbersDropdown","callDurationString","handleEndCall","timer","callAnswered","callEnded","callEndStatus","notes","setNotes","toggleRecord","setToggleRecord","toggleMute","setToggleMute","toggleKeypad","setToggleKeypad","rows","handleSaveCall","callDuration","callCompleted","hideWidget","engagementProperties","hs_call_body","hs_call_duration","_useCti","screenIndex","setScreenIndex","_useCallDurationTimer","timerId","setCallDuration","setInterval","stopTimer","clearInterval","resetCallDuration","useCallDurationTimer","showAlert","setShowAlert","_useState10","resetInputs","handlePreviousScreen","screenComponent","CallEnded","ThemeProvider","minHeight","Alert","rootNode","getElementById","App"],"sourceRoot":""}
\ No newline at end of file
diff --git a/pr-preview/pr-152/demo-react-ts.html b/pr-preview/pr-152/demo-react-ts.html
new file mode 100644
index 00000000..8fbd5fe7
--- /dev/null
+++ b/pr-preview/pr-152/demo-react-ts.html
@@ -0,0 +1,12 @@
+
\ No newline at end of file
diff --git a/pr-preview/pr-152/index.html b/pr-preview/pr-152/index.html
new file mode 100644
index 00000000..729830cb
--- /dev/null
+++ b/pr-preview/pr-152/index.html
@@ -0,0 +1,11 @@
+
+
+Index Page
+
+
+
+ Demo App Minimal JS
+
+ Demo App React TS
+
+