@dust-tt/sparkle 0.2.174 → 0.2.176
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +95 -3022
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +96 -3023
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -3
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { createContext, useRef, useState, useEffect, useContext, useCallback, Children, cloneElement,
|
|
2
|
+
import React__default, { createContext, useRef, useState, useEffect, useContext, useCallback, Children, cloneElement, useLayoutEffect, useMemo, forwardRef, Fragment, isValidElement, createElement, useReducer, createRef } from 'react';
|
|
3
3
|
import url from 'url';
|
|
4
4
|
import { Fragment as Fragment$1, jsx, jsxs } from 'react/jsx-runtime';
|
|
5
5
|
|
|
@@ -30,7 +30,7 @@ function styleInject(css, ref) {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
var css_248z = ".s-form-checkbox,.s-form-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000;\n}\n.s-form-radio {\n border-radius: 100%;\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n.s-form-radio:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n.s-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.s-pointer-events-none {\n pointer-events: none;\n}\n.s-pointer-events-auto {\n pointer-events: auto;\n}\n.s-visible {\n visibility: visible;\n}\n.s-invisible {\n visibility: hidden;\n}\n.s-collapse {\n visibility: collapse;\n}\n.s-fixed {\n position: fixed;\n}\n.s-absolute {\n position: absolute;\n}\n.s-relative {\n position: relative;\n}\n.s-inset-0 {\n inset: 0px;\n}\n.s-inset-8 {\n inset: 2rem;\n}\n.s-inset-y-0 {\n top: 0px;\n bottom: 0px;\n}\n.s-bottom-0 {\n bottom: 0px;\n}\n.s-bottom-6 {\n bottom: 1.5rem;\n}\n.s-bottom-full {\n bottom: 100%;\n}\n.s-left-0 {\n left: 0px;\n}\n.s-left-1\\/2 {\n left: 50%;\n}\n.s-right-0 {\n right: 0px;\n}\n.s-right-16 {\n right: 4rem;\n}\n.s-right-2 {\n right: 0.5rem;\n}\n.s-top-0 {\n top: 0px;\n}\n.s-top-2 {\n top: 0.5rem;\n}\n.s-top-full {\n top: 100%;\n}\n.s-z-0 {\n z-index: 0;\n}\n.s-z-10 {\n z-index: 10;\n}\n.s-z-30 {\n z-index: 30;\n}\n.s-z-50 {\n z-index: 50;\n}\n.s-m-0 {\n margin: 0px;\n}\n.s-m-px {\n margin: 1px;\n}\n.s-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.s-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.s-my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.s-my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.-s-mr-1 {\n margin-right: -0.25rem;\n}\n.-s-mt-1 {\n margin-top: -0.25rem;\n}\n.-s-mt-2 {\n margin-top: -0.5rem;\n}\n.s-mb-0 {\n margin-bottom: 0px;\n}\n.s-mb-0\\.5 {\n margin-bottom: 0.125rem;\n}\n.s-mb-1 {\n margin-bottom: 0.25rem;\n}\n.s-mb-2 {\n margin-bottom: 0.5rem;\n}\n.s-ml-2 {\n margin-left: 0.5rem;\n}\n.s-ml-auto {\n margin-left: auto;\n}\n.s-mt-0 {\n margin-top: 0px;\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem;\n}\n.s-mt-14 {\n margin-top: 3.5rem;\n}\n.s-mt-16 {\n margin-top: 4rem;\n}\n.s-mt-2 {\n margin-top: 0.5rem;\n}\n.s-mt-4 {\n margin-top: 1rem;\n}\n.s-box-border {\n box-sizing: border-box;\n}\n.s-line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n.s-line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.s-line-clamp-3 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.s-block {\n display: block;\n}\n.s-inline-block {\n display: inline-block;\n}\n.s-flex {\n display: flex;\n}\n.s-inline-flex {\n display: inline-flex;\n}\n.s-grid {\n display: grid;\n}\n.s-hidden {\n display: none;\n}\n.s-h-1\\/2 {\n height: 50%;\n}\n.s-h-10 {\n height: 2.5rem;\n}\n.s-h-12 {\n height: 3rem;\n}\n.s-h-16 {\n height: 4rem;\n}\n.s-h-20 {\n height: 5rem;\n}\n.s-h-36 {\n height: 9rem;\n}\n.s-h-4 {\n height: 1rem;\n}\n.s-h-40 {\n height: 10rem;\n}\n.s-h-44 {\n height: 11rem;\n}\n.s-h-5 {\n height: 1.25rem;\n}\n.s-h-6 {\n height: 1.5rem;\n}\n.s-h-7 {\n height: 1.75rem;\n}\n.s-h-72 {\n height: 18rem;\n}\n.s-h-8 {\n height: 2rem;\n}\n.s-h-9 {\n height: 2.25rem;\n}\n.s-h-96 {\n height: 24rem;\n}\n.s-h-\\[100vh\\] {\n height: 100vh;\n}\n.s-h-\\[26px\\] {\n height: 26px;\n}\n.s-h-\\[34px\\] {\n height: 34px;\n}\n.s-h-\\[46px\\] {\n height: 46px;\n}\n.s-h-full {\n height: 100%;\n}\n.s-h-px {\n height: 1px;\n}\n.s-max-h-32 {\n max-height: 8rem;\n}\n.s-max-h-\\[344px\\] {\n max-height: 344px;\n}\n.s-max-h-full {\n max-height: 100%;\n}\n.s-min-h-16 {\n min-height: 4rem;\n}\n.s-min-h-20 {\n min-height: 5rem;\n}\n.s-min-h-60 {\n min-height: 15rem;\n}\n.s-min-h-full {\n min-height: 100%;\n}\n.s-w-1\\/2 {\n width: 50%;\n}\n.s-w-10 {\n width: 2.5rem;\n}\n.s-w-12 {\n width: 3rem;\n}\n.s-w-14 {\n width: 3.5rem;\n}\n.s-w-16 {\n width: 4rem;\n}\n.s-w-20 {\n width: 5rem;\n}\n.s-w-32 {\n width: 8rem;\n}\n.s-w-36 {\n width: 9rem;\n}\n.s-w-4 {\n width: 1rem;\n}\n.s-w-40 {\n width: 10rem;\n}\n.s-w-44 {\n width: 11rem;\n}\n.s-w-48 {\n width: 12rem;\n}\n.s-w-5 {\n width: 1.25rem;\n}\n.s-w-6 {\n width: 1.5rem;\n}\n.s-w-60 {\n width: 15rem;\n}\n.s-w-64 {\n width: 16rem;\n}\n.s-w-8 {\n width: 2rem;\n}\n.s-w-\\[320px\\] {\n width: 320px;\n}\n.s-w-\\[38em\\] {\n width: 38em;\n}\n.s-w-auto {\n width: auto;\n}\n.s-w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.s-w-full {\n width: 100%;\n}\n.s-w-screen {\n width: 100vw;\n}\n.s-min-w-0 {\n min-width: 0px;\n}\n.s-max-w-2xl {\n max-width: 42rem;\n}\n.s-max-w-4xl {\n max-width: 56rem;\n}\n.s-max-w-\\[380px\\] {\n max-width: 380px;\n}\n.s-max-w-\\[400px\\] {\n max-width: 400px;\n}\n.s-max-w-\\[500px\\] {\n max-width: 500px;\n}\n.s-max-w-full {\n max-width: 100%;\n}\n.s-max-w-lg {\n max-width: 32rem;\n}\n.s-flex-1 {\n flex: 1 1 0%;\n}\n.s-flex-none {\n flex: none;\n}\n.s-flex-shrink-0 {\n flex-shrink: 0;\n}\n.s-shrink {\n flex-shrink: 1;\n}\n.s-shrink-0 {\n flex-shrink: 0;\n}\n.s-flex-grow {\n flex-grow: 1;\n}\n.s-grow {\n flex-grow: 1;\n}\n.s-basis-0 {\n flex-basis: 0px;\n}\n.s-table-auto {\n table-layout: auto;\n}\n.s-origin-bottom-left {\n transform-origin: bottom left;\n}\n.s-origin-bottom-right {\n transform-origin: bottom right;\n}\n.s-origin-top-left {\n transform-origin: top left;\n}\n.s-origin-top-right {\n transform-origin: top right;\n}\n.-s-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-s-translate-y-0 {\n --tw-translate-y: -0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-s-translate-y-5 {\n --tw-translate-y: -1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-16 {\n --tw-translate-x: 4rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[14px\\] {\n --tw-translate-x: 14px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[22px\\] {\n --tw-translate-x: 22px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[2px\\] {\n --tw-translate-x: 2px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-4 {\n --tw-translate-y: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-5 {\n --tw-translate-y: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n animation: bgblink 500ms 3;\n}\n@keyframes s-breathing {\n 0%, 100% {\n filter: brightness(105%);\n }\n 50% {\n filter: brightness(80%);\n }\n}\n.s-animate-breathing {\n animation: s-breathing 3s infinite ease-in-out;\n}\n@keyframes s-breathing-scale {\n 0%, 100% {\n filter: brightness(105%);\n transform: scale(1.0);\n }\n 50% {\n filter: brightness(97%);\n transform: scale(0.95);\n }\n}\n.s-animate-breathing-scale {\n animation: s-breathing-scale 3s infinite ease-in-out;\n}\n.s-cursor-default {\n cursor: default;\n}\n.s-cursor-not-allowed {\n cursor: not-allowed;\n}\n.s-cursor-pointer {\n cursor: pointer;\n}\n.s-select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.s-resize-y {\n resize: vertical;\n}\n.s-list-decimal {\n list-style-type: decimal;\n}\n.s-list-disc {\n list-style-type: disc;\n}\n.s-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.s-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.s-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n grid-template-columns: auto 1fr auto;\n}\n.s-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n.s-grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n.s-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n.s-grid-rows-5 {\n grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n.s-flex-row {\n flex-direction: row;\n}\n.s-flex-col {\n flex-direction: column;\n}\n.s-flex-wrap {\n flex-wrap: wrap;\n}\n.s-flex-nowrap {\n flex-wrap: nowrap;\n}\n.s-items-start {\n align-items: flex-start;\n}\n.s-items-end {\n align-items: flex-end;\n}\n.s-items-center {\n align-items: center;\n}\n.s-items-baseline {\n align-items: baseline;\n}\n.s-items-stretch {\n align-items: stretch;\n}\n.s-justify-start {\n justify-content: flex-start;\n}\n.s-justify-end {\n justify-content: flex-end;\n}\n.s-justify-center {\n justify-content: center;\n}\n.s-justify-between {\n justify-content: space-between;\n}\n.s-justify-stretch {\n justify-content: stretch;\n}\n.s-justify-items-center {\n justify-items: center;\n}\n.s-gap-0 {\n gap: 0px;\n}\n.s-gap-0\\.5 {\n gap: 0.125rem;\n}\n.s-gap-1 {\n gap: 0.25rem;\n}\n.s-gap-1\\.5 {\n gap: 0.375rem;\n}\n.s-gap-10 {\n gap: 2.5rem;\n}\n.s-gap-12 {\n gap: 3rem;\n}\n.s-gap-16 {\n gap: 4rem;\n}\n.s-gap-2 {\n gap: 0.5rem;\n}\n.s-gap-2\\.5 {\n gap: 0.625rem;\n}\n.s-gap-20 {\n gap: 5rem;\n}\n.s-gap-3 {\n gap: 0.75rem;\n}\n.s-gap-4 {\n gap: 1rem;\n}\n.s-gap-5 {\n gap: 1.25rem;\n}\n.s-gap-6 {\n gap: 1.5rem;\n}\n.s-gap-8 {\n gap: 2rem;\n}\n.s-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n.s-gap-x-1\\.5 {\n -moz-column-gap: 0.375rem;\n column-gap: 0.375rem;\n}\n.s-gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n.s-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n.s-gap-x-4 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n.s-gap-y-2 {\n row-gap: 0.5rem;\n}\n.s-gap-y-3 {\n row-gap: 0.75rem;\n}\n.s-gap-y-96 {\n row-gap: 24rem;\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0px * var(--tw-space-x-reverse));\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));\n}\n.s-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.s-divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.s-divide-structure-100 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-divide-opacity));\n}\n.s-divide-structure-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-divide-opacity));\n}\n.s-self-center {\n align-self: center;\n}\n.s-overflow-auto {\n overflow: auto;\n}\n.s-overflow-hidden {\n overflow: hidden;\n}\n.s-overflow-visible {\n overflow: visible;\n}\n.s-overflow-x-auto {\n overflow-x: auto;\n}\n.s-overflow-y-auto {\n overflow-y: auto;\n}\n.s-overflow-x-hidden {\n overflow-x: hidden;\n}\n.s-overflow-y-hidden {\n overflow-y: hidden;\n}\n.s-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.s-text-ellipsis {\n text-overflow: ellipsis;\n}\n.s-whitespace-nowrap {\n white-space: nowrap;\n}\n.s-whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n.s-break-words {\n overflow-wrap: break-word;\n}\n.s-rounded {\n border-radius: 0.25rem;\n}\n.s-rounded-2xl {\n border-radius: 1rem;\n}\n.s-rounded-3xl {\n border-radius: 1.5rem;\n}\n.s-rounded-\\[24px\\] {\n border-radius: 24px;\n}\n.s-rounded-\\[28px\\] {\n border-radius: 28px;\n}\n.s-rounded-\\[30\\%\\] {\n border-radius: 30%;\n}\n.s-rounded-\\[30px\\] {\n border-radius: 30px;\n}\n.s-rounded-\\[32px\\] {\n border-radius: 32px;\n}\n.s-rounded-\\[38px\\] {\n border-radius: 38px;\n}\n.s-rounded-full {\n border-radius: 9999px;\n}\n.s-rounded-lg {\n border-radius: 0.5rem;\n}\n.s-rounded-md {\n border-radius: 0.375rem;\n}\n.s-rounded-xl {\n border-radius: 0.75rem;\n}\n.s-border {\n border-width: 1px;\n}\n.s-border-0 {\n border-width: 0px;\n}\n.s-border-b {\n border-bottom-width: 1px;\n}\n.s-border-b-2 {\n border-bottom-width: 2px;\n}\n.s-border-t {\n border-top-width: 1px;\n}\n.s-border-action-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.s-border-action-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.s-border-action-600 {\n --tw-border-opacity: 1;\n border-color: rgb(37 99 235 / var(--tw-border-opacity));\n}\n.s-border-amber-200 {\n --tw-border-opacity: 1;\n border-color: rgb(253 230 138 / var(--tw-border-opacity));\n}\n.s-border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.s-border-cyan-200 {\n --tw-border-opacity: 1;\n border-color: rgb(165 243 252 / var(--tw-border-opacity));\n}\n.s-border-element-600 {\n --tw-border-opacity: 1;\n border-color: rgb(148 163 184 / var(--tw-border-opacity));\n}\n.s-border-emerald-200 {\n --tw-border-opacity: 1;\n border-color: rgb(167 243 208 / var(--tw-border-opacity));\n}\n.s-border-fuchsia-200 {\n --tw-border-opacity: 1;\n border-color: rgb(245 208 254 / var(--tw-border-opacity));\n}\n.s-border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.s-border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187 247 208 / var(--tw-border-opacity));\n}\n.s-border-indigo-200 {\n --tw-border-opacity: 1;\n border-color: rgb(199 210 254 / var(--tw-border-opacity));\n}\n.s-border-lime-200 {\n --tw-border-opacity: 1;\n border-color: rgb(217 249 157 / var(--tw-border-opacity));\n}\n.s-border-orange-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 215 170 / var(--tw-border-opacity));\n}\n.s-border-pink-100 {\n --tw-border-opacity: 1;\n border-color: rgb(252 231 243 / var(--tw-border-opacity));\n}\n.s-border-pink-200 {\n --tw-border-opacity: 1;\n border-color: rgb(251 207 232 / var(--tw-border-opacity));\n}\n.s-border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity));\n}\n.s-border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.s-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.s-border-rose-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 205 211 / var(--tw-border-opacity));\n}\n.s-border-sky-200 {\n --tw-border-opacity: 1;\n border-color: rgb(186 230 253 / var(--tw-border-opacity));\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n.s-border-slate-950\\/10 {\n border-color: rgb(2 6 23 / 0.1);\n}\n.s-border-stone-200 {\n --tw-border-opacity: 1;\n border-color: rgb(231 229 228 / var(--tw-border-opacity));\n}\n.s-border-structure-0 {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity));\n}\n.s-border-structure-100\\/0 {\n border-color: rgb(241 245 249 / 0);\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3);\n}\n.s-border-structure-50 {\n --tw-border-opacity: 1;\n border-color: rgb(248 250 252 / var(--tw-border-opacity));\n}\n.s-border-teal-200 {\n --tw-border-opacity: 1;\n border-color: rgb(153 246 228 / var(--tw-border-opacity));\n}\n.s-border-transparent {\n border-color: transparent;\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity));\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity));\n}\n.s-border-white\\/30 {\n border-color: rgb(255 255 255 / 0.3);\n}\n.s-border-yellow-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 240 138 / var(--tw-border-opacity));\n}\n.s-bg-action-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.s-bg-action-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n.s-bg-action-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity));\n}\n.s-bg-action-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.s-bg-action-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.s-bg-action-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n.s-bg-action-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity));\n}\n.s-bg-amber-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 230 138 / var(--tw-bg-opacity));\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity));\n}\n.s-bg-amber-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 191 36 / var(--tw-bg-opacity));\n}\n.s-bg-amber-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity));\n}\n.s-bg-amber-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 119 6 / var(--tw-bg-opacity));\n}\n.s-bg-amber-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(180 83 9 / var(--tw-bg-opacity));\n}\n.s-bg-amber-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(146 64 14 / var(--tw-bg-opacity));\n}\n.s-bg-black\\/70 {\n background-color: rgb(0 0 0 / 0.7);\n}\n.s-bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.s-bg-blue-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity));\n}\n.s-bg-blue-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n.s-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.s-bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.s-bg-blue-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n.s-bg-blue-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n.s-bg-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(207 250 254 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 243 252 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 211 238 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(6 182 212 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(8 145 178 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(14 116 144 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(21 94 117 / var(--tw-bg-opacity));\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(4 120 87 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(6 95 70 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 232 255 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 208 254 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(232 121 249 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 70 239 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(192 38 211 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(162 28 175 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 25 143 / var(--tw-bg-opacity));\n}\n.s-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.s-bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.s-bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.s-bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.s-bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n}\n.s-bg-gray-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity));\n}\n.s-bg-gray-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\n.s-bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.s-bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.s-bg-green-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(187 247 208 / var(--tw-bg-opacity));\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity));\n}\n.s-bg-green-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(74 222 128 / var(--tw-bg-opacity));\n}\n.s-bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\n.s-bg-green-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity));\n}\n.s-bg-green-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(21 128 61 / var(--tw-bg-opacity));\n}\n.s-bg-green-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 101 52 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(199 210 254 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(129 140 248 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(55 48 163 / var(--tw-bg-opacity));\n}\n.s-bg-lime-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 252 203 / var(--tw-bg-opacity));\n}\n.s-bg-lime-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 249 157 / var(--tw-bg-opacity));\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity));\n}\n.s-bg-lime-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(163 230 53 / var(--tw-bg-opacity));\n}\n.s-bg-lime-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(132 204 22 / var(--tw-bg-opacity));\n}\n.s-bg-lime-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(101 163 13 / var(--tw-bg-opacity));\n}\n.s-bg-lime-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(77 124 15 / var(--tw-bg-opacity));\n}\n.s-bg-lime-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(63 98 18 / var(--tw-bg-opacity));\n}\n.s-bg-orange-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity));\n}\n.s-bg-orange-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 215 170 / var(--tw-bg-opacity));\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity));\n}\n.s-bg-orange-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.s-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n.s-bg-orange-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n.s-bg-orange-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(194 65 12 / var(--tw-bg-opacity));\n}\n.s-bg-orange-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(154 52 18 / var(--tw-bg-opacity));\n}\n.s-bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 231 243 / var(--tw-bg-opacity));\n}\n.s-bg-pink-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 207 232 / var(--tw-bg-opacity));\n}\n.s-bg-pink-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 168 212 / var(--tw-bg-opacity));\n}\n.s-bg-pink-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 114 182 / var(--tw-bg-opacity));\n}\n.s-bg-pink-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity));\n}\n.s-bg-pink-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity));\n}\n.s-bg-pink-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 39 119 / var(--tw-bg-opacity));\n}\n.s-bg-pink-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 24 93 / var(--tw-bg-opacity));\n}\n.s-bg-pink-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(157 23 77 / var(--tw-bg-opacity));\n}\n.s-bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n}\n.s-bg-purple-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(233 213 255 / var(--tw-bg-opacity));\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity));\n}\n.s-bg-purple-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(192 132 252 / var(--tw-bg-opacity));\n}\n.s-bg-purple-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(168 85 247 / var(--tw-bg-opacity));\n}\n.s-bg-purple-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 51 234 / var(--tw-bg-opacity));\n}\n.s-bg-purple-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(126 34 206 / var(--tw-bg-opacity));\n}\n.s-bg-purple-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 33 168 / var(--tw-bg-opacity));\n}\n.s-bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.s-bg-red-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity));\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity));\n}\n.s-bg-red-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.s-bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.s-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n.s-bg-red-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.s-bg-red-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 27 27 / var(--tw-bg-opacity));\n}\n.s-bg-rose-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 228 230 / var(--tw-bg-opacity));\n}\n.s-bg-rose-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 205 211 / var(--tw-bg-opacity));\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity));\n}\n.s-bg-rose-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 113 133 / var(--tw-bg-opacity));\n}\n.s-bg-rose-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 63 94 / var(--tw-bg-opacity));\n}\n.s-bg-rose-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(225 29 72 / var(--tw-bg-opacity));\n}\n.s-bg-rose-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 18 60 / var(--tw-bg-opacity));\n}\n.s-bg-rose-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(159 18 57 / var(--tw-bg-opacity));\n}\n.s-bg-sky-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity));\n}\n.s-bg-sky-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(186 230 253 / var(--tw-bg-opacity));\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity));\n}\n.s-bg-sky-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(56 189 248 / var(--tw-bg-opacity));\n}\n.s-bg-sky-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity));\n}\n.s-bg-sky-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(2 132 199 / var(--tw-bg-opacity));\n}\n.s-bg-sky-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity));\n}\n.s-bg-sky-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(7 89 133 / var(--tw-bg-opacity));\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n.s-bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n.s-bg-slate-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity));\n}\n.s-bg-slate-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n.s-bg-slate-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity));\n}\n.s-bg-slate-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\n.s-bg-slate-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\n.s-bg-slate-950\\/30 {\n background-color: rgb(2 6 23 / 0.3);\n}\n.s-bg-stone-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 245 244 / var(--tw-bg-opacity));\n}\n.s-bg-stone-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(231 229 228 / var(--tw-bg-opacity));\n}\n.s-bg-stone-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(214 211 209 / var(--tw-bg-opacity));\n}\n.s-bg-stone-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(168 162 158 / var(--tw-bg-opacity));\n}\n.s-bg-stone-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(120 113 108 / var(--tw-bg-opacity));\n}\n.s-bg-stone-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(87 83 78 / var(--tw-bg-opacity));\n}\n.s-bg-stone-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(68 64 60 / var(--tw-bg-opacity));\n}\n.s-bg-stone-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(41 37 36 / var(--tw-bg-opacity));\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.s-bg-structure-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity));\n}\n.s-bg-structure-50\\/80 {\n background-color: rgb(248 250 252 / 0.8);\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity));\n}\n.s-bg-teal-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(204 251 241 / var(--tw-bg-opacity));\n}\n.s-bg-teal-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 246 228 / var(--tw-bg-opacity));\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity));\n}\n.s-bg-teal-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(45 212 191 / var(--tw-bg-opacity));\n}\n.s-bg-teal-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(20 184 166 / var(--tw-bg-opacity));\n}\n.s-bg-teal-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(13 148 136 / var(--tw-bg-opacity));\n}\n.s-bg-teal-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(15 118 110 / var(--tw-bg-opacity));\n}\n.s-bg-teal-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 94 89 / var(--tw-bg-opacity));\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity));\n}\n.s-bg-violet-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(221 214 254 / var(--tw-bg-opacity));\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity));\n}\n.s-bg-violet-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(167 139 250 / var(--tw-bg-opacity));\n}\n.s-bg-violet-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(139 92 246 / var(--tw-bg-opacity));\n}\n.s-bg-violet-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(124 58 237 / var(--tw-bg-opacity));\n}\n.s-bg-violet-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(109 40 217 / var(--tw-bg-opacity));\n}\n.s-bg-violet-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(91 33 182 / var(--tw-bg-opacity));\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.s-bg-warning-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity));\n}\n.s-bg-warning-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity));\n}\n.s-bg-warning-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.s-bg-warning-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n.s-bg-warning-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.s-bg-warning-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 27 27 / var(--tw-bg-opacity));\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.s-bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8);\n}\n.s-bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 249 195 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 240 138 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 204 21 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 179 8 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(202 138 4 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(161 98 7 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(133 77 14 / var(--tw-bg-opacity));\n}\n.s-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.s-bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\n.s-from-amber-400 {\n --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-blue-400 {\n --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-cyan-500 {\n --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-emerald-400 {\n --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-pink-400 {\n --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-sky-400 {\n --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-stone-400 {\n --tw-gradient-from: #a8a29e var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-to-blue-400 {\n --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);\n}\n.s-to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);\n}\n.s-to-green-400 {\n --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);\n}\n.s-to-indigo-300 {\n --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position);\n}\n.s-to-red-300 {\n --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position);\n}\n.s-to-stone-300 {\n --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position);\n}\n.s-to-yellow-300 {\n --tw-gradient-to: #fde047 var(--tw-gradient-to-position);\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.s-object-center {\n -o-object-position: center;\n object-position: center;\n}\n.s-p-0 {\n padding: 0px;\n}\n.s-p-10 {\n padding: 2.5rem;\n}\n.s-p-2 {\n padding: 0.5rem;\n}\n.s-p-2\\.5 {\n padding: 0.625rem;\n}\n.s-p-20 {\n padding: 5rem;\n}\n.s-p-3 {\n padding: 0.75rem;\n}\n.s-p-4 {\n padding: 1rem;\n}\n.s-p-5 {\n padding: 1.25rem;\n}\n.s-p-6 {\n padding: 1.5rem;\n}\n.s-p-8 {\n padding: 2rem;\n}\n.s-p-px {\n padding: 1px;\n}\n.s-px-0 {\n padding-left: 0px;\n padding-right: 0px;\n}\n.s-px-0\\.5 {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n}\n.s-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.s-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.s-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.s-py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n.s-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.s-py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.s-pb-1 {\n padding-bottom: 0.25rem;\n}\n.s-pb-10 {\n padding-bottom: 2.5rem;\n}\n.s-pb-2 {\n padding-bottom: 0.5rem;\n}\n.s-pb-3 {\n padding-bottom: 0.75rem;\n}\n.s-pb-6 {\n padding-bottom: 1.5rem;\n}\n.s-pb-8 {\n padding-bottom: 2rem;\n}\n.s-pl-0 {\n padding-left: 0px;\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem;\n}\n.s-pl-1 {\n padding-left: 0.25rem;\n}\n.s-pl-2 {\n padding-left: 0.5rem;\n}\n.s-pl-2\\.5 {\n padding-left: 0.625rem;\n}\n.s-pl-3 {\n padding-left: 0.75rem;\n}\n.s-pl-32 {\n padding-left: 8rem;\n}\n.s-pl-4 {\n padding-left: 1rem;\n}\n.s-pl-5 {\n padding-left: 1.25rem;\n}\n.s-pl-6 {\n padding-left: 1.5rem;\n}\n.s-pl-64 {\n padding-left: 16rem;\n}\n.s-pl-7 {\n padding-left: 1.75rem;\n}\n.s-pr-10 {\n padding-right: 2.5rem;\n}\n.s-pr-2 {\n padding-right: 0.5rem;\n}\n.s-pr-3 {\n padding-right: 0.75rem;\n}\n.s-pr-3\\.5 {\n padding-right: 0.875rem;\n}\n.s-pr-4 {\n padding-right: 1rem;\n}\n.s-pr-5 {\n padding-right: 1.25rem;\n}\n.s-pr-6 {\n padding-right: 1.5rem;\n}\n.s-pr-8 {\n padding-right: 2rem;\n}\n.s-pt-0 {\n padding-top: 0px;\n}\n.s-pt-0\\.5 {\n padding-top: 0.125rem;\n}\n.s-pt-1 {\n padding-top: 0.25rem;\n}\n.s-pt-1\\.5 {\n padding-top: 0.375rem;\n}\n.s-pt-10 {\n padding-top: 2.5rem;\n}\n.s-pt-16 {\n padding-top: 4rem;\n}\n.s-pt-3 {\n padding-top: 0.75rem;\n}\n.s-pt-4 {\n padding-top: 1rem;\n}\n.s-pt-6 {\n padding-top: 1.5rem;\n}\n.s-pt-7 {\n padding-top: 1.75rem;\n}\n.s-text-left {\n text-align: left;\n}\n.s-text-right {\n text-align: right;\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.s-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.s-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.s-font-bold {\n font-weight: 700;\n}\n.s-font-medium {\n font-weight: 500;\n}\n.s-font-normal {\n font-weight: 400;\n}\n.s-font-semibold {\n font-weight: 600;\n}\n.s-uppercase {\n text-transform: uppercase;\n}\n.s-italic {\n font-style: italic;\n}\n.s-tracking-wider {\n letter-spacing: 0.05em;\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity));\n}\n.s-text-action-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity));\n}\n.s-text-action-950 {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n.s-text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity));\n}\n.s-text-amber-800 {\n --tw-text-opacity: 1;\n color: rgb(146 64 14 / var(--tw-text-opacity));\n}\n.s-text-amber-900 {\n --tw-text-opacity: 1;\n color: rgb(120 53 15 / var(--tw-text-opacity));\n}\n.s-text-amber-950 {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity));\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n.s-text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity));\n}\n.s-text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity));\n}\n.s-text-blue-950 {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity));\n}\n.s-text-cyan-800 {\n --tw-text-opacity: 1;\n color: rgb(21 94 117 / var(--tw-text-opacity));\n}\n.s-text-cyan-900 {\n --tw-text-opacity: 1;\n color: rgb(22 78 99 / var(--tw-text-opacity));\n}\n.s-text-cyan-950 {\n --tw-text-opacity: 1;\n color: rgb(8 51 68 / var(--tw-text-opacity));\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity));\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity));\n}\n.s-text-emerald-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity));\n}\n.s-text-emerald-800 {\n --tw-text-opacity: 1;\n color: rgb(6 95 70 / var(--tw-text-opacity));\n}\n.s-text-emerald-900 {\n --tw-text-opacity: 1;\n color: rgb(6 78 59 / var(--tw-text-opacity));\n}\n.s-text-emerald-950 {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-800 {\n --tw-text-opacity: 1;\n color: rgb(134 25 143 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-900 {\n --tw-text-opacity: 1;\n color: rgb(112 26 117 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-950 {\n --tw-text-opacity: 1;\n color: rgb(74 4 78 / var(--tw-text-opacity));\n}\n.s-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.s-text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity));\n}\n.s-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.s-text-gray-950 {\n --tw-text-opacity: 1;\n color: rgb(3 7 18 / var(--tw-text-opacity));\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity));\n}\n.s-text-green-800 {\n --tw-text-opacity: 1;\n color: rgb(22 101 52 / var(--tw-text-opacity));\n}\n.s-text-green-900 {\n --tw-text-opacity: 1;\n color: rgb(20 83 45 / var(--tw-text-opacity));\n}\n.s-text-green-950 {\n --tw-text-opacity: 1;\n color: rgb(5 46 22 / var(--tw-text-opacity));\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity));\n}\n.s-text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity));\n}\n.s-text-indigo-900 {\n --tw-text-opacity: 1;\n color: rgb(49 46 129 / var(--tw-text-opacity));\n}\n.s-text-indigo-950 {\n --tw-text-opacity: 1;\n color: rgb(30 27 75 / var(--tw-text-opacity));\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity));\n}\n.s-text-lime-800 {\n --tw-text-opacity: 1;\n color: rgb(63 98 18 / var(--tw-text-opacity));\n}\n.s-text-lime-900 {\n --tw-text-opacity: 1;\n color: rgb(54 83 20 / var(--tw-text-opacity));\n}\n.s-text-lime-950 {\n --tw-text-opacity: 1;\n color: rgb(26 46 5 / var(--tw-text-opacity));\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity));\n}\n.s-text-orange-800 {\n --tw-text-opacity: 1;\n color: rgb(154 52 18 / var(--tw-text-opacity));\n}\n.s-text-orange-900 {\n --tw-text-opacity: 1;\n color: rgb(124 45 18 / var(--tw-text-opacity));\n}\n.s-text-orange-950 {\n --tw-text-opacity: 1;\n color: rgb(67 20 7 / var(--tw-text-opacity));\n}\n.s-text-pink-800 {\n --tw-text-opacity: 1;\n color: rgb(157 23 77 / var(--tw-text-opacity));\n}\n.s-text-pink-900 {\n --tw-text-opacity: 1;\n color: rgb(131 24 67 / var(--tw-text-opacity));\n}\n.s-text-pink-950 {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity));\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity));\n}\n.s-text-purple-800 {\n --tw-text-opacity: 1;\n color: rgb(107 33 168 / var(--tw-text-opacity));\n}\n.s-text-purple-900 {\n --tw-text-opacity: 1;\n color: rgb(88 28 135 / var(--tw-text-opacity));\n}\n.s-text-purple-950 {\n --tw-text-opacity: 1;\n color: rgb(59 7 100 / var(--tw-text-opacity));\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n.s-text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity));\n}\n.s-text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity));\n}\n.s-text-red-950 {\n --tw-text-opacity: 1;\n color: rgb(69 10 10 / var(--tw-text-opacity));\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity));\n}\n.s-text-rose-800 {\n --tw-text-opacity: 1;\n color: rgb(159 18 57 / var(--tw-text-opacity));\n}\n.s-text-rose-900 {\n --tw-text-opacity: 1;\n color: rgb(136 19 55 / var(--tw-text-opacity));\n}\n.s-text-rose-950 {\n --tw-text-opacity: 1;\n color: rgb(76 5 25 / var(--tw-text-opacity));\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity));\n}\n.s-text-sky-800 {\n --tw-text-opacity: 1;\n color: rgb(7 89 133 / var(--tw-text-opacity));\n}\n.s-text-sky-900 {\n --tw-text-opacity: 1;\n color: rgb(12 74 110 / var(--tw-text-opacity));\n}\n.s-text-sky-950 {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity));\n}\n.s-text-slate-400 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.s-text-slate-700 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.s-text-slate-800 {\n --tw-text-opacity: 1;\n color: rgb(30 41 59 / var(--tw-text-opacity));\n}\n.s-text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity));\n}\n.s-text-slate-950 {\n --tw-text-opacity: 1;\n color: rgb(2 6 23 / var(--tw-text-opacity));\n}\n.s-text-stone-800 {\n --tw-text-opacity: 1;\n color: rgb(41 37 36 / var(--tw-text-opacity));\n}\n.s-text-stone-900 {\n --tw-text-opacity: 1;\n color: rgb(28 25 23 / var(--tw-text-opacity));\n}\n.s-text-stone-950 {\n --tw-text-opacity: 1;\n color: rgb(12 10 9 / var(--tw-text-opacity));\n}\n.s-text-structure-0 {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.s-text-success-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity));\n}\n.s-text-teal-800 {\n --tw-text-opacity: 1;\n color: rgb(17 94 89 / var(--tw-text-opacity));\n}\n.s-text-teal-900 {\n --tw-text-opacity: 1;\n color: rgb(19 78 74 / var(--tw-text-opacity));\n}\n.s-text-teal-950 {\n --tw-text-opacity: 1;\n color: rgb(4 47 46 / var(--tw-text-opacity));\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity));\n}\n.s-text-violet-800 {\n --tw-text-opacity: 1;\n color: rgb(91 33 182 / var(--tw-text-opacity));\n}\n.s-text-violet-900 {\n --tw-text-opacity: 1;\n color: rgb(76 29 149 / var(--tw-text-opacity));\n}\n.s-text-violet-950 {\n --tw-text-opacity: 1;\n color: rgb(46 16 101 / var(--tw-text-opacity));\n}\n.s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n.s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.s-text-warning-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity));\n}\n.s-text-warning-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity));\n}\n.s-text-warning-950 {\n --tw-text-opacity: 1;\n color: rgb(69 10 10 / var(--tw-text-opacity));\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.s-text-white\\/50 {\n color: rgb(255 255 255 / 0.5);\n}\n.s-text-white\\/70 {\n color: rgb(255 255 255 / 0.7);\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity));\n}\n.s-text-yellow-800 {\n --tw-text-opacity: 1;\n color: rgb(133 77 14 / var(--tw-text-opacity));\n}\n.s-text-yellow-900 {\n --tw-text-opacity: 1;\n color: rgb(113 63 18 / var(--tw-text-opacity));\n}\n.s-text-yellow-950 {\n --tw-text-opacity: 1;\n color: rgb(66 32 6 / var(--tw-text-opacity));\n}\n.s-underline {\n text-decoration-line: underline;\n}\n.s-placeholder-element-600::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n.s-placeholder-element-600::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n.s-opacity-0 {\n opacity: 0;\n}\n.s-opacity-100 {\n opacity: 1;\n}\n.s-opacity-20 {\n opacity: 0.2;\n}\n.s-opacity-50 {\n opacity: 0.5;\n}\n.s-opacity-60 {\n opacity: 0.6;\n}\n.s-shadow {\n --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);\n --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-2xl {\n --tw-shadow: 0 25px 50px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 25px 50px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.s-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.s-ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.s-ring-structure-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));\n}\n.s-ring-warning-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));\n}\n.s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.1));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-2xl {\n --tw-drop-shadow: drop-shadow(0 25px 35px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-lg {\n --tw-drop-shadow: drop-shadow(0 10px 15px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-sm {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.08));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-xl {\n --tw-drop-shadow: drop-shadow(0 20px 20px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.s-backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-duration-100 {\n transition-duration: 100ms;\n}\n.s-duration-150 {\n transition-duration: 150ms;\n}\n.s-duration-200 {\n transition-duration: 200ms;\n}\n.s-duration-300 {\n transition-duration: 300ms;\n}\n.s-duration-500 {\n transition-duration: 500ms;\n}\n.s-duration-75 {\n transition-duration: 75ms;\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.s-scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.s-scrollbar-hide::-webkit-scrollbar {\n display: none;\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n }\n 50% {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n }\n}\n\n.first\\:s-pt-0:first-child {\n padding-top: 0px;\n}\n\n.last\\:s-border-none:last-child {\n border-style: none;\n}\n\n.last\\:s-pb-0:last-child {\n padding-bottom: 0px;\n}\n\n.checked\\:s-bg-action-500:checked {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.checked\\:s-ring-0:checked {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.hover\\:s-scale-100:hover {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-scale-105:hover {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed;\n}\n\n.hover\\:s-border-action-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-action-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-structure-100:hover {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-structure-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-warning-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.hover\\:s-bg-action-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-structure-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-structure-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-success-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-warning-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-white:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-text-action-400:hover {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-slate-100:hover {\n --tw-text-opacity: 1;\n color: rgb(241 245 249 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-warning-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n.hover\\:s-brightness-110:hover {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.hover\\:s-filter:hover {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.focus\\:s-border-action-300:focus {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n\n.focus\\:s-border-red-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:s-ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:s-ring-action-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:s-ring-red-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:s-ring-warning-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.active\\:s-scale-100:active {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.active\\:s-border-action-400:active {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-structure-200:active {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-structure-300:active {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-action-200:active {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-structure-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-slate-200:active {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n.active\\:s-ring-0:active {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.active\\:s-brightness-100:active {\n --tw-brightness: brightness(1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-opacity-100 {\n opacity: 1;\n}\n\n.s-group:hover .group-hover\\:s-brightness-110 {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:hover .group-hover\\:s-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:active .group-active\\:s-text-action-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n\n.s-group:active .group-active\\:s-text-warning-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.s-group:active .group-active\\:s-brightness-100 {\n --tw-brightness: brightness(1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:active .group-active\\:s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.data-\\[closed\\]\\:s-opacity-0[data-closed] {\n opacity: 0;\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 64 175 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n border-color: rgb(51 65 85 / 0.5);\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n border-color: rgb(71 85 105 / 0.3);\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(15 23 42 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n background-color: rgb(15 23 42 / 0.8);\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark :is(.s-dark .dark\\:dark\\:s-text-action-500-dark)) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n --tw-saturate: saturate(.5);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block;\n }\n .sm\\:s-w-64 {\n width: 16rem;\n }\n .sm\\:s-w-\\[448px\\] {\n width: 448px;\n }\n .sm\\:s-w-\\[50rem\\] {\n width: 50rem;\n }\n .sm\\:s-flex-row {\n flex-direction: row;\n }\n .sm\\:s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .sm\\:s-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n }\n .sm\\:s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n\n@media (min-width: 768px) {\n .md\\:s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1024px) {\n .lg\\:s-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n";
|
|
33
|
+
var css_248z = ".s-form-checkbox,.s-form-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000;\n}\n.s-form-radio {\n border-radius: 100%;\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n.s-form-radio:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n.s-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.s-pointer-events-none {\n pointer-events: none;\n}\n.s-pointer-events-auto {\n pointer-events: auto;\n}\n.s-visible {\n visibility: visible;\n}\n.s-invisible {\n visibility: hidden;\n}\n.s-collapse {\n visibility: collapse;\n}\n.s-fixed {\n position: fixed;\n}\n.s-absolute {\n position: absolute;\n}\n.s-relative {\n position: relative;\n}\n.s-inset-0 {\n inset: 0px;\n}\n.s-inset-y-0 {\n top: 0px;\n bottom: 0px;\n}\n.s-bottom-0 {\n bottom: 0px;\n}\n.s-bottom-6 {\n bottom: 1.5rem;\n}\n.s-bottom-full {\n bottom: 100%;\n}\n.s-left-0 {\n left: 0px;\n}\n.s-left-1\\/2 {\n left: 50%;\n}\n.s-right-0 {\n right: 0px;\n}\n.s-right-16 {\n right: 4rem;\n}\n.s-right-2 {\n right: 0.5rem;\n}\n.s-top-0 {\n top: 0px;\n}\n.s-top-2 {\n top: 0.5rem;\n}\n.s-top-full {\n top: 100%;\n}\n.s-z-0 {\n z-index: 0;\n}\n.s-z-10 {\n z-index: 10;\n}\n.s-z-30 {\n z-index: 30;\n}\n.s-z-50 {\n z-index: 50;\n}\n.s-m-0 {\n margin: 0px;\n}\n.s-m-px {\n margin: 1px;\n}\n.s-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.s-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.s-my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.s-my-6 {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.-s-mr-1 {\n margin-right: -0.25rem;\n}\n.-s-mt-1 {\n margin-top: -0.25rem;\n}\n.-s-mt-2 {\n margin-top: -0.5rem;\n}\n.s-mb-0 {\n margin-bottom: 0px;\n}\n.s-mb-0\\.5 {\n margin-bottom: 0.125rem;\n}\n.s-mb-1 {\n margin-bottom: 0.25rem;\n}\n.s-mb-2 {\n margin-bottom: 0.5rem;\n}\n.s-ml-2 {\n margin-left: 0.5rem;\n}\n.s-ml-auto {\n margin-left: auto;\n}\n.s-mt-0 {\n margin-top: 0px;\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem;\n}\n.s-mt-14 {\n margin-top: 3.5rem;\n}\n.s-mt-16 {\n margin-top: 4rem;\n}\n.s-mt-2 {\n margin-top: 0.5rem;\n}\n.s-mt-4 {\n margin-top: 1rem;\n}\n.s-box-border {\n box-sizing: border-box;\n}\n.s-line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n.s-line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.s-line-clamp-3 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.s-block {\n display: block;\n}\n.s-inline-block {\n display: inline-block;\n}\n.s-flex {\n display: flex;\n}\n.s-inline-flex {\n display: inline-flex;\n}\n.s-grid {\n display: grid;\n}\n.s-hidden {\n display: none;\n}\n.s-h-1\\/2 {\n height: 50%;\n}\n.s-h-10 {\n height: 2.5rem;\n}\n.s-h-12 {\n height: 3rem;\n}\n.s-h-16 {\n height: 4rem;\n}\n.s-h-20 {\n height: 5rem;\n}\n.s-h-36 {\n height: 9rem;\n}\n.s-h-4 {\n height: 1rem;\n}\n.s-h-40 {\n height: 10rem;\n}\n.s-h-44 {\n height: 11rem;\n}\n.s-h-5 {\n height: 1.25rem;\n}\n.s-h-6 {\n height: 1.5rem;\n}\n.s-h-7 {\n height: 1.75rem;\n}\n.s-h-72 {\n height: 18rem;\n}\n.s-h-8 {\n height: 2rem;\n}\n.s-h-9 {\n height: 2.25rem;\n}\n.s-h-96 {\n height: 24rem;\n}\n.s-h-\\[100vh\\] {\n height: 100vh;\n}\n.s-h-\\[26px\\] {\n height: 26px;\n}\n.s-h-\\[34px\\] {\n height: 34px;\n}\n.s-h-\\[46px\\] {\n height: 46px;\n}\n.s-h-full {\n height: 100%;\n}\n.s-h-px {\n height: 1px;\n}\n.s-max-h-32 {\n max-height: 8rem;\n}\n.s-max-h-\\[344px\\] {\n max-height: 344px;\n}\n.s-max-h-full {\n max-height: 100%;\n}\n.s-min-h-16 {\n min-height: 4rem;\n}\n.s-min-h-20 {\n min-height: 5rem;\n}\n.s-min-h-60 {\n min-height: 15rem;\n}\n.s-min-h-full {\n min-height: 100%;\n}\n.s-w-1\\/2 {\n width: 50%;\n}\n.s-w-10 {\n width: 2.5rem;\n}\n.s-w-12 {\n width: 3rem;\n}\n.s-w-14 {\n width: 3.5rem;\n}\n.s-w-16 {\n width: 4rem;\n}\n.s-w-20 {\n width: 5rem;\n}\n.s-w-32 {\n width: 8rem;\n}\n.s-w-36 {\n width: 9rem;\n}\n.s-w-4 {\n width: 1rem;\n}\n.s-w-40 {\n width: 10rem;\n}\n.s-w-44 {\n width: 11rem;\n}\n.s-w-48 {\n width: 12rem;\n}\n.s-w-5 {\n width: 1.25rem;\n}\n.s-w-6 {\n width: 1.5rem;\n}\n.s-w-60 {\n width: 15rem;\n}\n.s-w-64 {\n width: 16rem;\n}\n.s-w-8 {\n width: 2rem;\n}\n.s-w-\\[320px\\] {\n width: 320px;\n}\n.s-w-\\[38em\\] {\n width: 38em;\n}\n.s-w-auto {\n width: auto;\n}\n.s-w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.s-w-full {\n width: 100%;\n}\n.s-w-screen {\n width: 100vw;\n}\n.s-min-w-0 {\n min-width: 0px;\n}\n.s-max-w-2xl {\n max-width: 42rem;\n}\n.s-max-w-4xl {\n max-width: 56rem;\n}\n.s-max-w-\\[380px\\] {\n max-width: 380px;\n}\n.s-max-w-\\[400px\\] {\n max-width: 400px;\n}\n.s-max-w-\\[500px\\] {\n max-width: 500px;\n}\n.s-max-w-full {\n max-width: 100%;\n}\n.s-max-w-lg {\n max-width: 32rem;\n}\n.s-flex-1 {\n flex: 1 1 0%;\n}\n.s-flex-none {\n flex: none;\n}\n.s-flex-shrink-0 {\n flex-shrink: 0;\n}\n.s-shrink {\n flex-shrink: 1;\n}\n.s-shrink-0 {\n flex-shrink: 0;\n}\n.s-flex-grow {\n flex-grow: 1;\n}\n.s-grow {\n flex-grow: 1;\n}\n.s-basis-0 {\n flex-basis: 0px;\n}\n.s-table-auto {\n table-layout: auto;\n}\n.s-origin-bottom-left {\n transform-origin: bottom left;\n}\n.s-origin-bottom-right {\n transform-origin: bottom right;\n}\n.s-origin-top-left {\n transform-origin: top left;\n}\n.s-origin-top-right {\n transform-origin: top right;\n}\n.-s-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-s-translate-y-0 {\n --tw-translate-y: -0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-s-translate-y-5 {\n --tw-translate-y: -1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-16 {\n --tw-translate-x: 4rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[14px\\] {\n --tw-translate-x: 14px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[22px\\] {\n --tw-translate-x: 22px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-x-\\[2px\\] {\n --tw-translate-x: 2px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-4 {\n --tw-translate-y: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-translate-y-5 {\n --tw-translate-y: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n animation: bgblink 500ms 3;\n}\n@keyframes s-breathing {\n 0%, 100% {\n filter: brightness(105%);\n }\n 50% {\n filter: brightness(80%);\n }\n}\n.s-animate-breathing {\n animation: s-breathing 3s infinite ease-in-out;\n}\n@keyframes s-breathing-scale {\n 0%, 100% {\n filter: brightness(105%);\n transform: scale(1.0);\n }\n 50% {\n filter: brightness(97%);\n transform: scale(0.95);\n }\n}\n.s-animate-breathing-scale {\n animation: s-breathing-scale 3s infinite ease-in-out;\n}\n.s-cursor-default {\n cursor: default;\n}\n.s-cursor-not-allowed {\n cursor: not-allowed;\n}\n.s-cursor-pointer {\n cursor: pointer;\n}\n.s-select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.s-resize-y {\n resize: vertical;\n}\n.s-list-decimal {\n list-style-type: decimal;\n}\n.s-list-disc {\n list-style-type: disc;\n}\n.s-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.s-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n.s-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n grid-template-columns: auto 1fr auto;\n}\n.s-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n.s-grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n.s-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n.s-grid-rows-5 {\n grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n.s-flex-row {\n flex-direction: row;\n}\n.s-flex-col {\n flex-direction: column;\n}\n.s-flex-wrap {\n flex-wrap: wrap;\n}\n.s-flex-nowrap {\n flex-wrap: nowrap;\n}\n.s-items-start {\n align-items: flex-start;\n}\n.s-items-end {\n align-items: flex-end;\n}\n.s-items-center {\n align-items: center;\n}\n.s-items-baseline {\n align-items: baseline;\n}\n.s-items-stretch {\n align-items: stretch;\n}\n.s-justify-start {\n justify-content: flex-start;\n}\n.s-justify-end {\n justify-content: flex-end;\n}\n.s-justify-center {\n justify-content: center;\n}\n.s-justify-between {\n justify-content: space-between;\n}\n.s-justify-stretch {\n justify-content: stretch;\n}\n.s-justify-items-center {\n justify-items: center;\n}\n.s-gap-0 {\n gap: 0px;\n}\n.s-gap-0\\.5 {\n gap: 0.125rem;\n}\n.s-gap-1 {\n gap: 0.25rem;\n}\n.s-gap-1\\.5 {\n gap: 0.375rem;\n}\n.s-gap-10 {\n gap: 2.5rem;\n}\n.s-gap-12 {\n gap: 3rem;\n}\n.s-gap-16 {\n gap: 4rem;\n}\n.s-gap-2 {\n gap: 0.5rem;\n}\n.s-gap-2\\.5 {\n gap: 0.625rem;\n}\n.s-gap-20 {\n gap: 5rem;\n}\n.s-gap-3 {\n gap: 0.75rem;\n}\n.s-gap-4 {\n gap: 1rem;\n}\n.s-gap-5 {\n gap: 1.25rem;\n}\n.s-gap-6 {\n gap: 1.5rem;\n}\n.s-gap-8 {\n gap: 2rem;\n}\n.s-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n.s-gap-x-1\\.5 {\n -moz-column-gap: 0.375rem;\n column-gap: 0.375rem;\n}\n.s-gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n.s-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n.s-gap-x-4 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n.s-gap-y-2 {\n row-gap: 0.5rem;\n}\n.s-gap-y-3 {\n row-gap: 0.75rem;\n}\n.s-gap-y-96 {\n row-gap: 24rem;\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0px * var(--tw-space-x-reverse));\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));\n}\n.s-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.s-divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.s-divide-structure-100 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-divide-opacity));\n}\n.s-divide-structure-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-divide-opacity));\n}\n.s-self-center {\n align-self: center;\n}\n.s-overflow-auto {\n overflow: auto;\n}\n.s-overflow-hidden {\n overflow: hidden;\n}\n.s-overflow-visible {\n overflow: visible;\n}\n.s-overflow-x-auto {\n overflow-x: auto;\n}\n.s-overflow-y-auto {\n overflow-y: auto;\n}\n.s-overflow-x-hidden {\n overflow-x: hidden;\n}\n.s-overflow-y-hidden {\n overflow-y: hidden;\n}\n.s-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.s-text-ellipsis {\n text-overflow: ellipsis;\n}\n.s-whitespace-nowrap {\n white-space: nowrap;\n}\n.s-whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n.s-break-words {\n overflow-wrap: break-word;\n}\n.s-rounded {\n border-radius: 0.25rem;\n}\n.s-rounded-2xl {\n border-radius: 1rem;\n}\n.s-rounded-3xl {\n border-radius: 1.5rem;\n}\n.s-rounded-\\[24px\\] {\n border-radius: 24px;\n}\n.s-rounded-\\[28px\\] {\n border-radius: 28px;\n}\n.s-rounded-\\[30\\%\\] {\n border-radius: 30%;\n}\n.s-rounded-\\[30px\\] {\n border-radius: 30px;\n}\n.s-rounded-\\[32px\\] {\n border-radius: 32px;\n}\n.s-rounded-\\[38px\\] {\n border-radius: 38px;\n}\n.s-rounded-full {\n border-radius: 9999px;\n}\n.s-rounded-lg {\n border-radius: 0.5rem;\n}\n.s-rounded-md {\n border-radius: 0.375rem;\n}\n.s-rounded-xl {\n border-radius: 0.75rem;\n}\n.s-border {\n border-width: 1px;\n}\n.s-border-0 {\n border-width: 0px;\n}\n.s-border-b {\n border-bottom-width: 1px;\n}\n.s-border-b-2 {\n border-bottom-width: 2px;\n}\n.s-border-t {\n border-top-width: 1px;\n}\n.s-border-action-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.s-border-action-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.s-border-action-600 {\n --tw-border-opacity: 1;\n border-color: rgb(37 99 235 / var(--tw-border-opacity));\n}\n.s-border-amber-200 {\n --tw-border-opacity: 1;\n border-color: rgb(253 230 138 / var(--tw-border-opacity));\n}\n.s-border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n.s-border-cyan-200 {\n --tw-border-opacity: 1;\n border-color: rgb(165 243 252 / var(--tw-border-opacity));\n}\n.s-border-element-600 {\n --tw-border-opacity: 1;\n border-color: rgb(148 163 184 / var(--tw-border-opacity));\n}\n.s-border-emerald-200 {\n --tw-border-opacity: 1;\n border-color: rgb(167 243 208 / var(--tw-border-opacity));\n}\n.s-border-fuchsia-200 {\n --tw-border-opacity: 1;\n border-color: rgb(245 208 254 / var(--tw-border-opacity));\n}\n.s-border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.s-border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187 247 208 / var(--tw-border-opacity));\n}\n.s-border-indigo-200 {\n --tw-border-opacity: 1;\n border-color: rgb(199 210 254 / var(--tw-border-opacity));\n}\n.s-border-lime-200 {\n --tw-border-opacity: 1;\n border-color: rgb(217 249 157 / var(--tw-border-opacity));\n}\n.s-border-orange-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 215 170 / var(--tw-border-opacity));\n}\n.s-border-pink-100 {\n --tw-border-opacity: 1;\n border-color: rgb(252 231 243 / var(--tw-border-opacity));\n}\n.s-border-pink-200 {\n --tw-border-opacity: 1;\n border-color: rgb(251 207 232 / var(--tw-border-opacity));\n}\n.s-border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity));\n}\n.s-border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.s-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.s-border-rose-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 205 211 / var(--tw-border-opacity));\n}\n.s-border-sky-200 {\n --tw-border-opacity: 1;\n border-color: rgb(186 230 253 / var(--tw-border-opacity));\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n.s-border-slate-950\\/10 {\n border-color: rgb(2 6 23 / 0.1);\n}\n.s-border-stone-200 {\n --tw-border-opacity: 1;\n border-color: rgb(231 229 228 / var(--tw-border-opacity));\n}\n.s-border-structure-0 {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity));\n}\n.s-border-structure-100\\/0 {\n border-color: rgb(241 245 249 / 0);\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3);\n}\n.s-border-structure-50 {\n --tw-border-opacity: 1;\n border-color: rgb(248 250 252 / var(--tw-border-opacity));\n}\n.s-border-teal-200 {\n --tw-border-opacity: 1;\n border-color: rgb(153 246 228 / var(--tw-border-opacity));\n}\n.s-border-transparent {\n border-color: transparent;\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity));\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity));\n}\n.s-border-white\\/30 {\n border-color: rgb(255 255 255 / 0.3);\n}\n.s-border-yellow-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 240 138 / var(--tw-border-opacity));\n}\n.s-bg-action-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.s-bg-action-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n.s-bg-action-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity));\n}\n.s-bg-action-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.s-bg-action-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.s-bg-action-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n.s-bg-action-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity));\n}\n.s-bg-amber-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 230 138 / var(--tw-bg-opacity));\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity));\n}\n.s-bg-amber-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 191 36 / var(--tw-bg-opacity));\n}\n.s-bg-amber-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity));\n}\n.s-bg-amber-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 119 6 / var(--tw-bg-opacity));\n}\n.s-bg-amber-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(180 83 9 / var(--tw-bg-opacity));\n}\n.s-bg-amber-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(146 64 14 / var(--tw-bg-opacity));\n}\n.s-bg-black\\/70 {\n background-color: rgb(0 0 0 / 0.7);\n}\n.s-bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.s-bg-blue-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity));\n}\n.s-bg-blue-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n.s-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.s-bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.s-bg-blue-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n.s-bg-blue-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n.s-bg-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(207 250 254 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 243 252 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 211 238 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(6 182 212 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(8 145 178 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(14 116 144 / var(--tw-bg-opacity));\n}\n.s-bg-cyan-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(21 94 117 / var(--tw-bg-opacity));\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(4 120 87 / var(--tw-bg-opacity));\n}\n.s-bg-emerald-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(6 95 70 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 232 255 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 208 254 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(232 121 249 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 70 239 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(192 38 211 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(162 28 175 / var(--tw-bg-opacity));\n}\n.s-bg-fuchsia-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 25 143 / var(--tw-bg-opacity));\n}\n.s-bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.s-bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.s-bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.s-bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.s-bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n}\n.s-bg-gray-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity));\n}\n.s-bg-gray-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\n.s-bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.s-bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 252 231 / var(--tw-bg-opacity));\n}\n.s-bg-green-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(187 247 208 / var(--tw-bg-opacity));\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity));\n}\n.s-bg-green-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(74 222 128 / var(--tw-bg-opacity));\n}\n.s-bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\n.s-bg-green-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity));\n}\n.s-bg-green-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(21 128 61 / var(--tw-bg-opacity));\n}\n.s-bg-green-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 101 52 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(199 210 254 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(129 140 248 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(99 102 241 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.s-bg-indigo-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(55 48 163 / var(--tw-bg-opacity));\n}\n.s-bg-lime-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 252 203 / var(--tw-bg-opacity));\n}\n.s-bg-lime-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(217 249 157 / var(--tw-bg-opacity));\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity));\n}\n.s-bg-lime-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(163 230 53 / var(--tw-bg-opacity));\n}\n.s-bg-lime-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(132 204 22 / var(--tw-bg-opacity));\n}\n.s-bg-lime-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(101 163 13 / var(--tw-bg-opacity));\n}\n.s-bg-lime-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(77 124 15 / var(--tw-bg-opacity));\n}\n.s-bg-lime-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(63 98 18 / var(--tw-bg-opacity));\n}\n.s-bg-orange-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity));\n}\n.s-bg-orange-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 215 170 / var(--tw-bg-opacity));\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity));\n}\n.s-bg-orange-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.s-bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n.s-bg-orange-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n.s-bg-orange-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(194 65 12 / var(--tw-bg-opacity));\n}\n.s-bg-orange-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(154 52 18 / var(--tw-bg-opacity));\n}\n.s-bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 231 243 / var(--tw-bg-opacity));\n}\n.s-bg-pink-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 207 232 / var(--tw-bg-opacity));\n}\n.s-bg-pink-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 168 212 / var(--tw-bg-opacity));\n}\n.s-bg-pink-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 114 182 / var(--tw-bg-opacity));\n}\n.s-bg-pink-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity));\n}\n.s-bg-pink-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity));\n}\n.s-bg-pink-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 39 119 / var(--tw-bg-opacity));\n}\n.s-bg-pink-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 24 93 / var(--tw-bg-opacity));\n}\n.s-bg-pink-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(157 23 77 / var(--tw-bg-opacity));\n}\n.s-bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n}\n.s-bg-purple-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(233 213 255 / var(--tw-bg-opacity));\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity));\n}\n.s-bg-purple-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(192 132 252 / var(--tw-bg-opacity));\n}\n.s-bg-purple-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(168 85 247 / var(--tw-bg-opacity));\n}\n.s-bg-purple-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 51 234 / var(--tw-bg-opacity));\n}\n.s-bg-purple-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(126 34 206 / var(--tw-bg-opacity));\n}\n.s-bg-purple-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 33 168 / var(--tw-bg-opacity));\n}\n.s-bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.s-bg-red-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity));\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity));\n}\n.s-bg-red-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.s-bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.s-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n.s-bg-red-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.s-bg-red-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 27 27 / var(--tw-bg-opacity));\n}\n.s-bg-rose-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 228 230 / var(--tw-bg-opacity));\n}\n.s-bg-rose-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 205 211 / var(--tw-bg-opacity));\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity));\n}\n.s-bg-rose-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 113 133 / var(--tw-bg-opacity));\n}\n.s-bg-rose-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 63 94 / var(--tw-bg-opacity));\n}\n.s-bg-rose-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(225 29 72 / var(--tw-bg-opacity));\n}\n.s-bg-rose-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 18 60 / var(--tw-bg-opacity));\n}\n.s-bg-rose-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(159 18 57 / var(--tw-bg-opacity));\n}\n.s-bg-sky-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity));\n}\n.s-bg-sky-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(186 230 253 / var(--tw-bg-opacity));\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity));\n}\n.s-bg-sky-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(56 189 248 / var(--tw-bg-opacity));\n}\n.s-bg-sky-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity));\n}\n.s-bg-sky-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(2 132 199 / var(--tw-bg-opacity));\n}\n.s-bg-sky-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity));\n}\n.s-bg-sky-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(7 89 133 / var(--tw-bg-opacity));\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n.s-bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n.s-bg-slate-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity));\n}\n.s-bg-slate-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n.s-bg-slate-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity));\n}\n.s-bg-slate-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\n.s-bg-slate-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\n.s-bg-slate-950\\/30 {\n background-color: rgb(2 6 23 / 0.3);\n}\n.s-bg-stone-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(245 245 244 / var(--tw-bg-opacity));\n}\n.s-bg-stone-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(231 229 228 / var(--tw-bg-opacity));\n}\n.s-bg-stone-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(214 211 209 / var(--tw-bg-opacity));\n}\n.s-bg-stone-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(168 162 158 / var(--tw-bg-opacity));\n}\n.s-bg-stone-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(120 113 108 / var(--tw-bg-opacity));\n}\n.s-bg-stone-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(87 83 78 / var(--tw-bg-opacity));\n}\n.s-bg-stone-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(68 64 60 / var(--tw-bg-opacity));\n}\n.s-bg-stone-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(41 37 36 / var(--tw-bg-opacity));\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.s-bg-structure-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity));\n}\n.s-bg-structure-50\\/80 {\n background-color: rgb(248 250 252 / 0.8);\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity));\n}\n.s-bg-teal-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(204 251 241 / var(--tw-bg-opacity));\n}\n.s-bg-teal-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 246 228 / var(--tw-bg-opacity));\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity));\n}\n.s-bg-teal-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(45 212 191 / var(--tw-bg-opacity));\n}\n.s-bg-teal-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(20 184 166 / var(--tw-bg-opacity));\n}\n.s-bg-teal-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(13 148 136 / var(--tw-bg-opacity));\n}\n.s-bg-teal-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(15 118 110 / var(--tw-bg-opacity));\n}\n.s-bg-teal-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 94 89 / var(--tw-bg-opacity));\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity));\n}\n.s-bg-violet-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(221 214 254 / var(--tw-bg-opacity));\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity));\n}\n.s-bg-violet-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(167 139 250 / var(--tw-bg-opacity));\n}\n.s-bg-violet-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(139 92 246 / var(--tw-bg-opacity));\n}\n.s-bg-violet-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(124 58 237 / var(--tw-bg-opacity));\n}\n.s-bg-violet-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(109 40 217 / var(--tw-bg-opacity));\n}\n.s-bg-violet-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(91 33 182 / var(--tw-bg-opacity));\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n.s-bg-warning-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity));\n}\n.s-bg-warning-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity));\n}\n.s-bg-warning-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.s-bg-warning-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n.s-bg-warning-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity));\n}\n.s-bg-warning-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(153 27 27 / var(--tw-bg-opacity));\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.s-bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8);\n}\n.s-bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 249 195 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 240 138 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 204 21 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 179 8 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(202 138 4 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(161 98 7 / var(--tw-bg-opacity));\n}\n.s-bg-yellow-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(133 77 14 / var(--tw-bg-opacity));\n}\n.s-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.s-bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\n.s-from-amber-400 {\n --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-blue-400 {\n --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-cyan-500 {\n --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-emerald-400 {\n --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-pink-400 {\n --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-sky-400 {\n --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-from-stone-400 {\n --tw-gradient-from: #a8a29e var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.s-to-blue-400 {\n --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);\n}\n.s-to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);\n}\n.s-to-green-400 {\n --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);\n}\n.s-to-indigo-300 {\n --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position);\n}\n.s-to-red-300 {\n --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position);\n}\n.s-to-stone-300 {\n --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position);\n}\n.s-to-yellow-300 {\n --tw-gradient-to: #fde047 var(--tw-gradient-to-position);\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.s-object-center {\n -o-object-position: center;\n object-position: center;\n}\n.s-p-0 {\n padding: 0px;\n}\n.s-p-10 {\n padding: 2.5rem;\n}\n.s-p-2 {\n padding: 0.5rem;\n}\n.s-p-2\\.5 {\n padding: 0.625rem;\n}\n.s-p-20 {\n padding: 5rem;\n}\n.s-p-3 {\n padding: 0.75rem;\n}\n.s-p-4 {\n padding: 1rem;\n}\n.s-p-5 {\n padding: 1.25rem;\n}\n.s-p-6 {\n padding: 1.5rem;\n}\n.s-p-8 {\n padding: 2rem;\n}\n.s-p-px {\n padding: 1px;\n}\n.s-px-0 {\n padding-left: 0px;\n padding-right: 0px;\n}\n.s-px-0\\.5 {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n}\n.s-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.s-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.s-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.s-py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n.s-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.s-py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.s-pb-1 {\n padding-bottom: 0.25rem;\n}\n.s-pb-10 {\n padding-bottom: 2.5rem;\n}\n.s-pb-2 {\n padding-bottom: 0.5rem;\n}\n.s-pb-3 {\n padding-bottom: 0.75rem;\n}\n.s-pb-6 {\n padding-bottom: 1.5rem;\n}\n.s-pb-8 {\n padding-bottom: 2rem;\n}\n.s-pl-0 {\n padding-left: 0px;\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem;\n}\n.s-pl-1 {\n padding-left: 0.25rem;\n}\n.s-pl-2 {\n padding-left: 0.5rem;\n}\n.s-pl-2\\.5 {\n padding-left: 0.625rem;\n}\n.s-pl-3 {\n padding-left: 0.75rem;\n}\n.s-pl-32 {\n padding-left: 8rem;\n}\n.s-pl-4 {\n padding-left: 1rem;\n}\n.s-pl-5 {\n padding-left: 1.25rem;\n}\n.s-pl-6 {\n padding-left: 1.5rem;\n}\n.s-pl-64 {\n padding-left: 16rem;\n}\n.s-pl-7 {\n padding-left: 1.75rem;\n}\n.s-pr-10 {\n padding-right: 2.5rem;\n}\n.s-pr-2 {\n padding-right: 0.5rem;\n}\n.s-pr-3 {\n padding-right: 0.75rem;\n}\n.s-pr-3\\.5 {\n padding-right: 0.875rem;\n}\n.s-pr-4 {\n padding-right: 1rem;\n}\n.s-pr-5 {\n padding-right: 1.25rem;\n}\n.s-pr-6 {\n padding-right: 1.5rem;\n}\n.s-pr-8 {\n padding-right: 2rem;\n}\n.s-pt-0 {\n padding-top: 0px;\n}\n.s-pt-0\\.5 {\n padding-top: 0.125rem;\n}\n.s-pt-1 {\n padding-top: 0.25rem;\n}\n.s-pt-1\\.5 {\n padding-top: 0.375rem;\n}\n.s-pt-10 {\n padding-top: 2.5rem;\n}\n.s-pt-16 {\n padding-top: 4rem;\n}\n.s-pt-3 {\n padding-top: 0.75rem;\n}\n.s-pt-4 {\n padding-top: 1rem;\n}\n.s-pt-6 {\n padding-top: 1.5rem;\n}\n.s-pt-7 {\n padding-top: 1.75rem;\n}\n.s-text-left {\n text-align: left;\n}\n.s-text-right {\n text-align: right;\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.s-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.s-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.s-font-bold {\n font-weight: 700;\n}\n.s-font-medium {\n font-weight: 500;\n}\n.s-font-normal {\n font-weight: 400;\n}\n.s-font-semibold {\n font-weight: 600;\n}\n.s-uppercase {\n text-transform: uppercase;\n}\n.s-italic {\n font-style: italic;\n}\n.s-tracking-wider {\n letter-spacing: 0.05em;\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity));\n}\n.s-text-action-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity));\n}\n.s-text-action-950 {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n.s-text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity));\n}\n.s-text-amber-800 {\n --tw-text-opacity: 1;\n color: rgb(146 64 14 / var(--tw-text-opacity));\n}\n.s-text-amber-900 {\n --tw-text-opacity: 1;\n color: rgb(120 53 15 / var(--tw-text-opacity));\n}\n.s-text-amber-950 {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity));\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n.s-text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity));\n}\n.s-text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity));\n}\n.s-text-blue-950 {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity));\n}\n.s-text-cyan-800 {\n --tw-text-opacity: 1;\n color: rgb(21 94 117 / var(--tw-text-opacity));\n}\n.s-text-cyan-900 {\n --tw-text-opacity: 1;\n color: rgb(22 78 99 / var(--tw-text-opacity));\n}\n.s-text-cyan-950 {\n --tw-text-opacity: 1;\n color: rgb(8 51 68 / var(--tw-text-opacity));\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity));\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity));\n}\n.s-text-emerald-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity));\n}\n.s-text-emerald-800 {\n --tw-text-opacity: 1;\n color: rgb(6 95 70 / var(--tw-text-opacity));\n}\n.s-text-emerald-900 {\n --tw-text-opacity: 1;\n color: rgb(6 78 59 / var(--tw-text-opacity));\n}\n.s-text-emerald-950 {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-800 {\n --tw-text-opacity: 1;\n color: rgb(134 25 143 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-900 {\n --tw-text-opacity: 1;\n color: rgb(112 26 117 / var(--tw-text-opacity));\n}\n.s-text-fuchsia-950 {\n --tw-text-opacity: 1;\n color: rgb(74 4 78 / var(--tw-text-opacity));\n}\n.s-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.s-text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity));\n}\n.s-text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.s-text-gray-950 {\n --tw-text-opacity: 1;\n color: rgb(3 7 18 / var(--tw-text-opacity));\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity));\n}\n.s-text-green-800 {\n --tw-text-opacity: 1;\n color: rgb(22 101 52 / var(--tw-text-opacity));\n}\n.s-text-green-900 {\n --tw-text-opacity: 1;\n color: rgb(20 83 45 / var(--tw-text-opacity));\n}\n.s-text-green-950 {\n --tw-text-opacity: 1;\n color: rgb(5 46 22 / var(--tw-text-opacity));\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity));\n}\n.s-text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity));\n}\n.s-text-indigo-900 {\n --tw-text-opacity: 1;\n color: rgb(49 46 129 / var(--tw-text-opacity));\n}\n.s-text-indigo-950 {\n --tw-text-opacity: 1;\n color: rgb(30 27 75 / var(--tw-text-opacity));\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity));\n}\n.s-text-lime-800 {\n --tw-text-opacity: 1;\n color: rgb(63 98 18 / var(--tw-text-opacity));\n}\n.s-text-lime-900 {\n --tw-text-opacity: 1;\n color: rgb(54 83 20 / var(--tw-text-opacity));\n}\n.s-text-lime-950 {\n --tw-text-opacity: 1;\n color: rgb(26 46 5 / var(--tw-text-opacity));\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity));\n}\n.s-text-orange-800 {\n --tw-text-opacity: 1;\n color: rgb(154 52 18 / var(--tw-text-opacity));\n}\n.s-text-orange-900 {\n --tw-text-opacity: 1;\n color: rgb(124 45 18 / var(--tw-text-opacity));\n}\n.s-text-orange-950 {\n --tw-text-opacity: 1;\n color: rgb(67 20 7 / var(--tw-text-opacity));\n}\n.s-text-pink-800 {\n --tw-text-opacity: 1;\n color: rgb(157 23 77 / var(--tw-text-opacity));\n}\n.s-text-pink-900 {\n --tw-text-opacity: 1;\n color: rgb(131 24 67 / var(--tw-text-opacity));\n}\n.s-text-pink-950 {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity));\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity));\n}\n.s-text-purple-800 {\n --tw-text-opacity: 1;\n color: rgb(107 33 168 / var(--tw-text-opacity));\n}\n.s-text-purple-900 {\n --tw-text-opacity: 1;\n color: rgb(88 28 135 / var(--tw-text-opacity));\n}\n.s-text-purple-950 {\n --tw-text-opacity: 1;\n color: rgb(59 7 100 / var(--tw-text-opacity));\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n.s-text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity));\n}\n.s-text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity));\n}\n.s-text-red-950 {\n --tw-text-opacity: 1;\n color: rgb(69 10 10 / var(--tw-text-opacity));\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity));\n}\n.s-text-rose-800 {\n --tw-text-opacity: 1;\n color: rgb(159 18 57 / var(--tw-text-opacity));\n}\n.s-text-rose-900 {\n --tw-text-opacity: 1;\n color: rgb(136 19 55 / var(--tw-text-opacity));\n}\n.s-text-rose-950 {\n --tw-text-opacity: 1;\n color: rgb(76 5 25 / var(--tw-text-opacity));\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity));\n}\n.s-text-sky-800 {\n --tw-text-opacity: 1;\n color: rgb(7 89 133 / var(--tw-text-opacity));\n}\n.s-text-sky-900 {\n --tw-text-opacity: 1;\n color: rgb(12 74 110 / var(--tw-text-opacity));\n}\n.s-text-sky-950 {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity));\n}\n.s-text-slate-400 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.s-text-slate-700 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.s-text-slate-800 {\n --tw-text-opacity: 1;\n color: rgb(30 41 59 / var(--tw-text-opacity));\n}\n.s-text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity));\n}\n.s-text-slate-950 {\n --tw-text-opacity: 1;\n color: rgb(2 6 23 / var(--tw-text-opacity));\n}\n.s-text-stone-800 {\n --tw-text-opacity: 1;\n color: rgb(41 37 36 / var(--tw-text-opacity));\n}\n.s-text-stone-900 {\n --tw-text-opacity: 1;\n color: rgb(28 25 23 / var(--tw-text-opacity));\n}\n.s-text-stone-950 {\n --tw-text-opacity: 1;\n color: rgb(12 10 9 / var(--tw-text-opacity));\n}\n.s-text-structure-0 {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.s-text-success-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity));\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity));\n}\n.s-text-teal-800 {\n --tw-text-opacity: 1;\n color: rgb(17 94 89 / var(--tw-text-opacity));\n}\n.s-text-teal-900 {\n --tw-text-opacity: 1;\n color: rgb(19 78 74 / var(--tw-text-opacity));\n}\n.s-text-teal-950 {\n --tw-text-opacity: 1;\n color: rgb(4 47 46 / var(--tw-text-opacity));\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity));\n}\n.s-text-violet-800 {\n --tw-text-opacity: 1;\n color: rgb(91 33 182 / var(--tw-text-opacity));\n}\n.s-text-violet-900 {\n --tw-text-opacity: 1;\n color: rgb(76 29 149 / var(--tw-text-opacity));\n}\n.s-text-violet-950 {\n --tw-text-opacity: 1;\n color: rgb(46 16 101 / var(--tw-text-opacity));\n}\n.s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n.s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.s-text-warning-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity));\n}\n.s-text-warning-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity));\n}\n.s-text-warning-950 {\n --tw-text-opacity: 1;\n color: rgb(69 10 10 / var(--tw-text-opacity));\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.s-text-white\\/50 {\n color: rgb(255 255 255 / 0.5);\n}\n.s-text-white\\/70 {\n color: rgb(255 255 255 / 0.7);\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity));\n}\n.s-text-yellow-800 {\n --tw-text-opacity: 1;\n color: rgb(133 77 14 / var(--tw-text-opacity));\n}\n.s-text-yellow-900 {\n --tw-text-opacity: 1;\n color: rgb(113 63 18 / var(--tw-text-opacity));\n}\n.s-text-yellow-950 {\n --tw-text-opacity: 1;\n color: rgb(66 32 6 / var(--tw-text-opacity));\n}\n.s-underline {\n text-decoration-line: underline;\n}\n.s-placeholder-element-600::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n.s-placeholder-element-600::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n.s-opacity-0 {\n opacity: 0;\n}\n.s-opacity-100 {\n opacity: 1;\n}\n.s-opacity-20 {\n opacity: 0.2;\n}\n.s-opacity-50 {\n opacity: 0.5;\n}\n.s-opacity-60 {\n opacity: 0.6;\n}\n.s-shadow {\n --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);\n --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-2xl {\n --tw-shadow: 0 25px 50px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 25px 50px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.s-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.s-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.s-ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.s-ring-structure-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));\n}\n.s-ring-warning-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));\n}\n.s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.1));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-2xl {\n --tw-drop-shadow: drop-shadow(0 25px 35px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-lg {\n --tw-drop-shadow: drop-shadow(0 10px 15px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-sm {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.08));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-drop-shadow-xl {\n --tw-drop-shadow: drop-shadow(0 20px 20px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.s-backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.s-backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.s-duration-100 {\n transition-duration: 100ms;\n}\n.s-duration-150 {\n transition-duration: 150ms;\n}\n.s-duration-200 {\n transition-duration: 200ms;\n}\n.s-duration-300 {\n transition-duration: 300ms;\n}\n.s-duration-500 {\n transition-duration: 500ms;\n}\n.s-duration-75 {\n transition-duration: 75ms;\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.s-scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.s-scrollbar-hide::-webkit-scrollbar {\n display: none;\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n }\n 50% {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity));\n }\n}\n\n.first\\:s-pt-0:first-child {\n padding-top: 0px;\n}\n\n.last\\:s-border-none:last-child {\n border-style: none;\n}\n\n.last\\:s-pb-0:last-child {\n padding-bottom: 0px;\n}\n\n.checked\\:s-bg-action-500:checked {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.checked\\:s-ring-0:checked {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.hover\\:s-scale-100:hover {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-scale-105:hover {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed;\n}\n\n.hover\\:s-border-action-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-action-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-structure-100:hover {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-structure-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity));\n}\n\n.hover\\:s-border-warning-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.hover\\:s-bg-action-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-structure-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-structure-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-success-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-warning-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-bg-white:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:s-text-action-400:hover {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-slate-100:hover {\n --tw-text-opacity: 1;\n color: rgb(241 245 249 / var(--tw-text-opacity));\n}\n\n.hover\\:s-text-warning-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n.hover\\:s-brightness-110:hover {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.hover\\:s-filter:hover {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.focus\\:s-border-action-300:focus {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n\n.focus\\:s-border-red-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:s-ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:s-ring-action-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:s-ring-red-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:s-ring-warning-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.active\\:s-scale-100:active {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.active\\:s-border-action-400:active {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-structure-200:active {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-structure-300:active {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-action-200:active {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-structure-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity));\n}\n\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-slate-200:active {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity));\n}\n\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n.active\\:s-ring-0:active {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.active\\:s-brightness-100:active {\n --tw-brightness: brightness(1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n.s-group:hover .group-hover\\:s-opacity-100 {\n opacity: 1;\n}\n\n.s-group:hover .group-hover\\:s-brightness-110 {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:hover .group-hover\\:s-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:active .group-active\\:s-text-action-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity));\n}\n\n.s-group:active .group-active\\:s-text-warning-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\n}\n\n.s-group:active .group-active\\:s-brightness-100 {\n --tw-brightness: brightness(1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.s-group:active .group-active\\:s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 64 175 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n border-color: rgb(51 65 85 / 0.5);\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n border-color: rgb(71 85 105 / 0.3);\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(15 23 42 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n background-color: rgb(15 23 42 / 0.8);\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark :is(.s-dark .dark\\:dark\\:s-text-action-500-dark)) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity));\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n --tw-saturate: saturate(.5);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity));\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity));\n}\n\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block;\n }\n .sm\\:s-w-64 {\n width: 16rem;\n }\n .sm\\:s-w-\\[448px\\] {\n width: 448px;\n }\n .sm\\:s-w-\\[50rem\\] {\n width: 50rem;\n }\n .sm\\:s-flex-row {\n flex-direction: row;\n }\n .sm\\:s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n .sm\\:s-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n }\n .sm\\:s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n\n@media (min-width: 768px) {\n .md\\:s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 1024px) {\n .lg\\:s-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n";
|
|
34
34
|
styleInject(css_248z);
|
|
35
35
|
|
|
36
36
|
var aLink = function (_a) {
|
|
@@ -43358,721 +43358,6 @@ function SliderToggle(_a) {
|
|
|
43358
43358
|
return SliderToggleContent;
|
|
43359
43359
|
}
|
|
43360
43360
|
|
|
43361
|
-
/*
|
|
43362
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43363
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43364
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43365
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43366
|
-
*
|
|
43367
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43368
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43369
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43370
|
-
* governing permissions and limitations under the License.
|
|
43371
|
-
*/
|
|
43372
|
-
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (React__default).useLayoutEffect : ()=>{};
|
|
43373
|
-
|
|
43374
|
-
/*
|
|
43375
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
43376
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43377
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43378
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43379
|
-
*
|
|
43380
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43381
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43382
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43383
|
-
* governing permissions and limitations under the License.
|
|
43384
|
-
*/
|
|
43385
|
-
|
|
43386
|
-
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
43387
|
-
const ref = (useRef)(null);
|
|
43388
|
-
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
43389
|
-
ref.current = fn;
|
|
43390
|
-
}, [
|
|
43391
|
-
fn
|
|
43392
|
-
]);
|
|
43393
|
-
// @ts-ignore
|
|
43394
|
-
return (useCallback)((...args)=>{
|
|
43395
|
-
const f = ref.current;
|
|
43396
|
-
return f === null || f === void 0 ? void 0 : f(...args);
|
|
43397
|
-
}, []);
|
|
43398
|
-
}
|
|
43399
|
-
|
|
43400
|
-
const $431fbd86ca7dc216$export$b204af158042fbac = (el)=>{
|
|
43401
|
-
var _el_ownerDocument;
|
|
43402
|
-
return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
|
|
43403
|
-
};
|
|
43404
|
-
const $431fbd86ca7dc216$export$f21a1ffae260145a = (el)=>{
|
|
43405
|
-
if (el && 'window' in el && el.window === el) return el;
|
|
43406
|
-
const doc = $431fbd86ca7dc216$export$b204af158042fbac(el);
|
|
43407
|
-
return doc.defaultView || window;
|
|
43408
|
-
};
|
|
43409
|
-
|
|
43410
|
-
/*
|
|
43411
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43412
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43413
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43414
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43415
|
-
*
|
|
43416
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43417
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43418
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43419
|
-
* governing permissions and limitations under the License.
|
|
43420
|
-
*/ function $c87311424ea30a05$var$testUserAgent(re) {
|
|
43421
|
-
var _window_navigator_userAgentData;
|
|
43422
|
-
if (typeof window === 'undefined' || window.navigator == null) return false;
|
|
43423
|
-
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);
|
|
43424
|
-
}
|
|
43425
|
-
function $c87311424ea30a05$var$testPlatform(re) {
|
|
43426
|
-
var _window_navigator_userAgentData;
|
|
43427
|
-
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;
|
|
43428
|
-
}
|
|
43429
|
-
function $c87311424ea30a05$export$9ac100e40613ea10() {
|
|
43430
|
-
return $c87311424ea30a05$var$testPlatform(/^Mac/i);
|
|
43431
|
-
}
|
|
43432
|
-
function $c87311424ea30a05$export$a11b0059900ceec8() {
|
|
43433
|
-
return $c87311424ea30a05$var$testUserAgent(/Android/i);
|
|
43434
|
-
}
|
|
43435
|
-
|
|
43436
|
-
/*
|
|
43437
|
-
* Copyright 2022 Adobe. All rights reserved.
|
|
43438
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43439
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43440
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43441
|
-
*
|
|
43442
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43443
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43444
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43445
|
-
* governing permissions and limitations under the License.
|
|
43446
|
-
*/
|
|
43447
|
-
function $6a7db85432448f7f$export$60278871457622de(event) {
|
|
43448
|
-
// JAWS/NVDA with Firefox.
|
|
43449
|
-
if (event.mozInputSource === 0 && event.isTrusted) return true;
|
|
43450
|
-
// Android TalkBack's detail value varies depending on the event listener providing the event so we have specific logic here instead
|
|
43451
|
-
// If pointerType is defined, event is from a click listener. For events from mousedown listener, detail === 0 is a sufficient check
|
|
43452
|
-
// to detect TalkBack virtual clicks.
|
|
43453
|
-
if (($c87311424ea30a05$export$a11b0059900ceec8)() && event.pointerType) return event.type === 'click' && event.buttons === 1;
|
|
43454
|
-
return event.detail === 0 && !event.pointerType;
|
|
43455
|
-
}
|
|
43456
|
-
|
|
43457
|
-
/*
|
|
43458
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43459
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43460
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43461
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43462
|
-
*
|
|
43463
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43464
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43465
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43466
|
-
* governing permissions and limitations under the License.
|
|
43467
|
-
*/
|
|
43468
|
-
|
|
43469
|
-
class $8a9cb279dc87e130$export$905e7fc544a71f36 {
|
|
43470
|
-
isDefaultPrevented() {
|
|
43471
|
-
return this.nativeEvent.defaultPrevented;
|
|
43472
|
-
}
|
|
43473
|
-
preventDefault() {
|
|
43474
|
-
this.defaultPrevented = true;
|
|
43475
|
-
this.nativeEvent.preventDefault();
|
|
43476
|
-
}
|
|
43477
|
-
stopPropagation() {
|
|
43478
|
-
this.nativeEvent.stopPropagation();
|
|
43479
|
-
this.isPropagationStopped = ()=>true;
|
|
43480
|
-
}
|
|
43481
|
-
isPropagationStopped() {
|
|
43482
|
-
return false;
|
|
43483
|
-
}
|
|
43484
|
-
persist() {}
|
|
43485
|
-
constructor(type, nativeEvent){
|
|
43486
|
-
this.nativeEvent = nativeEvent;
|
|
43487
|
-
this.target = nativeEvent.target;
|
|
43488
|
-
this.currentTarget = nativeEvent.currentTarget;
|
|
43489
|
-
this.relatedTarget = nativeEvent.relatedTarget;
|
|
43490
|
-
this.bubbles = nativeEvent.bubbles;
|
|
43491
|
-
this.cancelable = nativeEvent.cancelable;
|
|
43492
|
-
this.defaultPrevented = nativeEvent.defaultPrevented;
|
|
43493
|
-
this.eventPhase = nativeEvent.eventPhase;
|
|
43494
|
-
this.isTrusted = nativeEvent.isTrusted;
|
|
43495
|
-
this.timeStamp = nativeEvent.timeStamp;
|
|
43496
|
-
this.type = type;
|
|
43497
|
-
}
|
|
43498
|
-
}
|
|
43499
|
-
function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
43500
|
-
let stateRef = (useRef)({
|
|
43501
|
-
isFocused: false,
|
|
43502
|
-
observer: null
|
|
43503
|
-
});
|
|
43504
|
-
// Clean up MutationObserver on unmount. See below.
|
|
43505
|
-
// eslint-disable-next-line arrow-body-style
|
|
43506
|
-
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
43507
|
-
const state = stateRef.current;
|
|
43508
|
-
return ()=>{
|
|
43509
|
-
if (state.observer) {
|
|
43510
|
-
state.observer.disconnect();
|
|
43511
|
-
state.observer = null;
|
|
43512
|
-
}
|
|
43513
|
-
};
|
|
43514
|
-
}, []);
|
|
43515
|
-
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
43516
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
43517
|
-
});
|
|
43518
|
-
// This function is called during a React onFocus event.
|
|
43519
|
-
return (useCallback)((e)=>{
|
|
43520
|
-
// React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
|
|
43521
|
-
// Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a
|
|
43522
|
-
// MutationObserver to watch for the disabled attribute, and dispatch these events ourselves.
|
|
43523
|
-
// For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice.
|
|
43524
|
-
if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {
|
|
43525
|
-
stateRef.current.isFocused = true;
|
|
43526
|
-
let target = e.target;
|
|
43527
|
-
let onBlurHandler = (e)=>{
|
|
43528
|
-
stateRef.current.isFocused = false;
|
|
43529
|
-
if (target.disabled) // For backward compatibility, dispatch a (fake) React synthetic event.
|
|
43530
|
-
dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36('blur', e));
|
|
43531
|
-
// We no longer need the MutationObserver once the target is blurred.
|
|
43532
|
-
if (stateRef.current.observer) {
|
|
43533
|
-
stateRef.current.observer.disconnect();
|
|
43534
|
-
stateRef.current.observer = null;
|
|
43535
|
-
}
|
|
43536
|
-
};
|
|
43537
|
-
target.addEventListener('focusout', onBlurHandler, {
|
|
43538
|
-
once: true
|
|
43539
|
-
});
|
|
43540
|
-
stateRef.current.observer = new MutationObserver(()=>{
|
|
43541
|
-
if (stateRef.current.isFocused && target.disabled) {
|
|
43542
|
-
var _stateRef_current_observer;
|
|
43543
|
-
(_stateRef_current_observer = stateRef.current.observer) === null || _stateRef_current_observer === void 0 ? void 0 : _stateRef_current_observer.disconnect();
|
|
43544
|
-
let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
|
|
43545
|
-
target.dispatchEvent(new FocusEvent('blur', {
|
|
43546
|
-
relatedTarget: relatedTargetEl
|
|
43547
|
-
}));
|
|
43548
|
-
target.dispatchEvent(new FocusEvent('focusout', {
|
|
43549
|
-
bubbles: true,
|
|
43550
|
-
relatedTarget: relatedTargetEl
|
|
43551
|
-
}));
|
|
43552
|
-
}
|
|
43553
|
-
});
|
|
43554
|
-
stateRef.current.observer.observe(target, {
|
|
43555
|
-
attributes: true,
|
|
43556
|
-
attributeFilter: [
|
|
43557
|
-
'disabled'
|
|
43558
|
-
]
|
|
43559
|
-
});
|
|
43560
|
-
}
|
|
43561
|
-
}, [
|
|
43562
|
-
dispatchBlur
|
|
43563
|
-
]);
|
|
43564
|
-
}
|
|
43565
|
-
|
|
43566
|
-
/*
|
|
43567
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43568
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43569
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43570
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43571
|
-
*
|
|
43572
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43573
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43574
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43575
|
-
* governing permissions and limitations under the License.
|
|
43576
|
-
*/ // Portions of the code in this file are based on code from react.
|
|
43577
|
-
// Original licensing for the following can be found in the
|
|
43578
|
-
// NOTICE file in the root directory of this source tree.
|
|
43579
|
-
// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
|
|
43580
|
-
|
|
43581
|
-
|
|
43582
|
-
|
|
43583
|
-
function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
|
|
43584
|
-
let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
|
|
43585
|
-
const onBlur = (useCallback)((e)=>{
|
|
43586
|
-
if (e.target === e.currentTarget) {
|
|
43587
|
-
if (onBlurProp) onBlurProp(e);
|
|
43588
|
-
if (onFocusChange) onFocusChange(false);
|
|
43589
|
-
return true;
|
|
43590
|
-
}
|
|
43591
|
-
}, [
|
|
43592
|
-
onBlurProp,
|
|
43593
|
-
onFocusChange
|
|
43594
|
-
]);
|
|
43595
|
-
const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
|
|
43596
|
-
const onFocus = (useCallback)((e)=>{
|
|
43597
|
-
// Double check that document.activeElement actually matches e.target in case a previously chained
|
|
43598
|
-
// focus handler already moved focus somewhere else.
|
|
43599
|
-
const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(e.target);
|
|
43600
|
-
if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
|
|
43601
|
-
if (onFocusProp) onFocusProp(e);
|
|
43602
|
-
if (onFocusChange) onFocusChange(true);
|
|
43603
|
-
onSyntheticFocus(e);
|
|
43604
|
-
}
|
|
43605
|
-
}, [
|
|
43606
|
-
onFocusChange,
|
|
43607
|
-
onFocusProp,
|
|
43608
|
-
onSyntheticFocus
|
|
43609
|
-
]);
|
|
43610
|
-
return {
|
|
43611
|
-
focusProps: {
|
|
43612
|
-
onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
|
|
43613
|
-
onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined
|
|
43614
|
-
}
|
|
43615
|
-
};
|
|
43616
|
-
}
|
|
43617
|
-
|
|
43618
|
-
/*
|
|
43619
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43620
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43621
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43622
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43623
|
-
*
|
|
43624
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43625
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43626
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43627
|
-
* governing permissions and limitations under the License.
|
|
43628
|
-
*/ // Portions of the code in this file are based on code from react.
|
|
43629
|
-
// Original licensing for the following can be found in the
|
|
43630
|
-
// NOTICE file in the root directory of this source tree.
|
|
43631
|
-
// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
|
|
43632
|
-
|
|
43633
|
-
|
|
43634
|
-
|
|
43635
|
-
let $507fabe10e71c6fb$var$currentModality = null;
|
|
43636
|
-
let $507fabe10e71c6fb$var$changeHandlers = new Set();
|
|
43637
|
-
let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
|
|
43638
|
-
let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
|
|
43639
|
-
let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
|
|
43640
|
-
// Only Tab or Esc keys will make focus visible on text input elements
|
|
43641
|
-
const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
|
|
43642
|
-
Tab: true,
|
|
43643
|
-
Escape: true
|
|
43644
|
-
};
|
|
43645
|
-
function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
|
|
43646
|
-
for (let handler of $507fabe10e71c6fb$var$changeHandlers)handler(modality, e);
|
|
43647
|
-
}
|
|
43648
|
-
/**
|
|
43649
|
-
* Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
|
|
43650
|
-
*/ function $507fabe10e71c6fb$var$isValidKey(e) {
|
|
43651
|
-
// Control and Shift keys trigger when navigating back to the tab with keyboard.
|
|
43652
|
-
return !(e.metaKey || !($c87311424ea30a05$export$9ac100e40613ea10)() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
|
|
43653
|
-
}
|
|
43654
|
-
function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
|
|
43655
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
43656
|
-
if ($507fabe10e71c6fb$var$isValidKey(e)) {
|
|
43657
|
-
$507fabe10e71c6fb$var$currentModality = 'keyboard';
|
|
43658
|
-
$507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
|
|
43659
|
-
}
|
|
43660
|
-
}
|
|
43661
|
-
function $507fabe10e71c6fb$var$handlePointerEvent(e) {
|
|
43662
|
-
$507fabe10e71c6fb$var$currentModality = 'pointer';
|
|
43663
|
-
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
43664
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
43665
|
-
$507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
|
|
43666
|
-
}
|
|
43667
|
-
}
|
|
43668
|
-
function $507fabe10e71c6fb$var$handleClickEvent(e) {
|
|
43669
|
-
if (($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
43670
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
43671
|
-
$507fabe10e71c6fb$var$currentModality = 'virtual';
|
|
43672
|
-
}
|
|
43673
|
-
}
|
|
43674
|
-
function $507fabe10e71c6fb$var$handleFocusEvent(e) {
|
|
43675
|
-
// Firefox fires two extra focus events when the user first clicks into an iframe:
|
|
43676
|
-
// first on the window, then on the document. We ignore these events so they don't
|
|
43677
|
-
// cause keyboard focus rings to appear.
|
|
43678
|
-
if (e.target === window || e.target === document) return;
|
|
43679
|
-
// If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
|
|
43680
|
-
// This occurs, for example, when navigating a form with the next/previous buttons on iOS.
|
|
43681
|
-
if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
|
|
43682
|
-
$507fabe10e71c6fb$var$currentModality = 'virtual';
|
|
43683
|
-
$507fabe10e71c6fb$var$triggerChangeHandlers('virtual', e);
|
|
43684
|
-
}
|
|
43685
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = false;
|
|
43686
|
-
$507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
|
|
43687
|
-
}
|
|
43688
|
-
function $507fabe10e71c6fb$var$handleWindowBlur() {
|
|
43689
|
-
// When the window is blurred, reset state. This is necessary when tabbing out of the window,
|
|
43690
|
-
// for example, since a subsequent focus event won't be fired.
|
|
43691
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = false;
|
|
43692
|
-
$507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
|
|
43693
|
-
}
|
|
43694
|
-
/**
|
|
43695
|
-
* Setup global event listeners to control when keyboard focus style should be visible.
|
|
43696
|
-
*/ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
|
|
43697
|
-
if (typeof window === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get(($431fbd86ca7dc216$export$f21a1ffae260145a)(element))) return;
|
|
43698
|
-
const windowObject = ($431fbd86ca7dc216$export$f21a1ffae260145a)(element);
|
|
43699
|
-
const documentObject = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
43700
|
-
// Programmatic focus() calls shouldn't affect the current input modality.
|
|
43701
|
-
// However, we need to detect other cases when a focus event occurs without
|
|
43702
|
-
// a preceding user event (e.g. screen reader focus). Overriding the focus
|
|
43703
|
-
// method on HTMLElement.prototype is a bit hacky, but works.
|
|
43704
|
-
let focus = windowObject.HTMLElement.prototype.focus;
|
|
43705
|
-
windowObject.HTMLElement.prototype.focus = function() {
|
|
43706
|
-
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
43707
|
-
focus.apply(this, arguments);
|
|
43708
|
-
};
|
|
43709
|
-
documentObject.addEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
|
|
43710
|
-
documentObject.addEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
|
|
43711
|
-
documentObject.addEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
|
|
43712
|
-
// Register focus events on the window so they are sure to happen
|
|
43713
|
-
// before React's event listeners (registered on the document).
|
|
43714
|
-
windowObject.addEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
|
|
43715
|
-
windowObject.addEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
|
|
43716
|
-
if (typeof PointerEvent !== 'undefined') {
|
|
43717
|
-
documentObject.addEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43718
|
-
documentObject.addEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43719
|
-
documentObject.addEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43720
|
-
} else {
|
|
43721
|
-
documentObject.addEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43722
|
-
documentObject.addEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43723
|
-
documentObject.addEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43724
|
-
}
|
|
43725
|
-
// Add unmount handler
|
|
43726
|
-
windowObject.addEventListener('beforeunload', ()=>{
|
|
43727
|
-
$507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
|
|
43728
|
-
}, {
|
|
43729
|
-
once: true
|
|
43730
|
-
});
|
|
43731
|
-
$507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, {
|
|
43732
|
-
focus: focus
|
|
43733
|
-
});
|
|
43734
|
-
}
|
|
43735
|
-
const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener)=>{
|
|
43736
|
-
const windowObject = ($431fbd86ca7dc216$export$f21a1ffae260145a)(element);
|
|
43737
|
-
const documentObject = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
43738
|
-
if (loadListener) documentObject.removeEventListener('DOMContentLoaded', loadListener);
|
|
43739
|
-
if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
|
|
43740
|
-
windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
|
|
43741
|
-
documentObject.removeEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
|
|
43742
|
-
documentObject.removeEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
|
|
43743
|
-
documentObject.removeEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
|
|
43744
|
-
windowObject.removeEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
|
|
43745
|
-
windowObject.removeEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
|
|
43746
|
-
if (typeof PointerEvent !== 'undefined') {
|
|
43747
|
-
documentObject.removeEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43748
|
-
documentObject.removeEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43749
|
-
documentObject.removeEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43750
|
-
} else {
|
|
43751
|
-
documentObject.removeEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43752
|
-
documentObject.removeEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43753
|
-
documentObject.removeEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
|
|
43754
|
-
}
|
|
43755
|
-
$507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
|
|
43756
|
-
};
|
|
43757
|
-
function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
|
|
43758
|
-
const documentObject = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
43759
|
-
let loadListener;
|
|
43760
|
-
if (documentObject.readyState !== 'loading') $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
|
|
43761
|
-
else {
|
|
43762
|
-
loadListener = ()=>{
|
|
43763
|
-
$507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
|
|
43764
|
-
};
|
|
43765
|
-
documentObject.addEventListener('DOMContentLoaded', loadListener);
|
|
43766
|
-
}
|
|
43767
|
-
return ()=>$507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
|
|
43768
|
-
}
|
|
43769
|
-
// Server-side rendering does not have the document object defined
|
|
43770
|
-
// eslint-disable-next-line no-restricted-globals
|
|
43771
|
-
if (typeof document !== 'undefined') $507fabe10e71c6fb$export$2f1888112f558a7d();
|
|
43772
|
-
function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
|
|
43773
|
-
return $507fabe10e71c6fb$var$currentModality !== 'pointer';
|
|
43774
|
-
}
|
|
43775
|
-
const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
|
|
43776
|
-
'checkbox',
|
|
43777
|
-
'radio',
|
|
43778
|
-
'range',
|
|
43779
|
-
'color',
|
|
43780
|
-
'file',
|
|
43781
|
-
'image',
|
|
43782
|
-
'button',
|
|
43783
|
-
'submit',
|
|
43784
|
-
'reset'
|
|
43785
|
-
]);
|
|
43786
|
-
/**
|
|
43787
|
-
* If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
|
|
43788
|
-
* focus visible style can be properly set.
|
|
43789
|
-
*/ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
|
|
43790
|
-
var _e_target;
|
|
43791
|
-
const IHTMLInputElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
|
|
43792
|
-
const IHTMLTextAreaElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
|
|
43793
|
-
const IHTMLElement = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
|
|
43794
|
-
const IKeyboardEvent = typeof window !== 'undefined' ? ($431fbd86ca7dc216$export$f21a1ffae260145a)(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
|
|
43795
|
-
isTextInput = isTextInput || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.type) || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLTextAreaElement || (e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && (e === null || e === void 0 ? void 0 : e.target.isContentEditable);
|
|
43796
|
-
return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
|
|
43797
|
-
}
|
|
43798
|
-
function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
|
|
43799
|
-
$507fabe10e71c6fb$var$setupGlobalFocusEvents();
|
|
43800
|
-
(useEffect)(()=>{
|
|
43801
|
-
let handler = (modality, e)=>{
|
|
43802
|
-
if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
|
|
43803
|
-
fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
|
|
43804
|
-
};
|
|
43805
|
-
$507fabe10e71c6fb$var$changeHandlers.add(handler);
|
|
43806
|
-
return ()=>{
|
|
43807
|
-
$507fabe10e71c6fb$var$changeHandlers.delete(handler);
|
|
43808
|
-
};
|
|
43809
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43810
|
-
}, deps);
|
|
43811
|
-
}
|
|
43812
|
-
|
|
43813
|
-
/*
|
|
43814
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43815
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43816
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43817
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43818
|
-
*
|
|
43819
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43820
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43821
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43822
|
-
* governing permissions and limitations under the License.
|
|
43823
|
-
*/ // Portions of the code in this file are based on code from react.
|
|
43824
|
-
// Original licensing for the following can be found in the
|
|
43825
|
-
// NOTICE file in the root directory of this source tree.
|
|
43826
|
-
// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
|
|
43827
|
-
|
|
43828
|
-
|
|
43829
|
-
function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
|
|
43830
|
-
let { isDisabled: isDisabled, onBlurWithin: onBlurWithin, onFocusWithin: onFocusWithin, onFocusWithinChange: onFocusWithinChange } = props;
|
|
43831
|
-
let state = (useRef)({
|
|
43832
|
-
isFocusWithin: false
|
|
43833
|
-
});
|
|
43834
|
-
let onBlur = (useCallback)((e)=>{
|
|
43835
|
-
// We don't want to trigger onBlurWithin and then immediately onFocusWithin again
|
|
43836
|
-
// when moving focus inside the element. Only trigger if the currentTarget doesn't
|
|
43837
|
-
// include the relatedTarget (where focus is moving).
|
|
43838
|
-
if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
|
|
43839
|
-
state.current.isFocusWithin = false;
|
|
43840
|
-
if (onBlurWithin) onBlurWithin(e);
|
|
43841
|
-
if (onFocusWithinChange) onFocusWithinChange(false);
|
|
43842
|
-
}
|
|
43843
|
-
}, [
|
|
43844
|
-
onBlurWithin,
|
|
43845
|
-
onFocusWithinChange,
|
|
43846
|
-
state
|
|
43847
|
-
]);
|
|
43848
|
-
let onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
|
|
43849
|
-
let onFocus = (useCallback)((e)=>{
|
|
43850
|
-
// Double check that document.activeElement actually matches e.target in case a previously chained
|
|
43851
|
-
// focus handler already moved focus somewhere else.
|
|
43852
|
-
if (!state.current.isFocusWithin && document.activeElement === e.target) {
|
|
43853
|
-
if (onFocusWithin) onFocusWithin(e);
|
|
43854
|
-
if (onFocusWithinChange) onFocusWithinChange(true);
|
|
43855
|
-
state.current.isFocusWithin = true;
|
|
43856
|
-
onSyntheticFocus(e);
|
|
43857
|
-
}
|
|
43858
|
-
}, [
|
|
43859
|
-
onFocusWithin,
|
|
43860
|
-
onFocusWithinChange,
|
|
43861
|
-
onSyntheticFocus
|
|
43862
|
-
]);
|
|
43863
|
-
if (isDisabled) return {
|
|
43864
|
-
focusWithinProps: {
|
|
43865
|
-
// These should not have been null, that would conflict in mergeProps
|
|
43866
|
-
onFocus: undefined,
|
|
43867
|
-
onBlur: undefined
|
|
43868
|
-
}
|
|
43869
|
-
};
|
|
43870
|
-
return {
|
|
43871
|
-
focusWithinProps: {
|
|
43872
|
-
onFocus: onFocus,
|
|
43873
|
-
onBlur: onBlur
|
|
43874
|
-
}
|
|
43875
|
-
};
|
|
43876
|
-
}
|
|
43877
|
-
|
|
43878
|
-
/*
|
|
43879
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
43880
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
43881
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
43882
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
43883
|
-
*
|
|
43884
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
43885
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43886
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
43887
|
-
* governing permissions and limitations under the License.
|
|
43888
|
-
*/ // Portions of the code in this file are based on code from react.
|
|
43889
|
-
// Original licensing for the following can be found in the
|
|
43890
|
-
// NOTICE file in the root directory of this source tree.
|
|
43891
|
-
// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
|
|
43892
|
-
|
|
43893
|
-
// iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse".
|
|
43894
|
-
// We want to ignore these emulated events so they do not trigger hover behavior.
|
|
43895
|
-
// See https://bugs.webkit.org/show_bug.cgi?id=214609.
|
|
43896
|
-
let $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
|
|
43897
|
-
let $6179b936705e76d3$var$hoverCount = 0;
|
|
43898
|
-
function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
|
|
43899
|
-
$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;
|
|
43900
|
-
// Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter
|
|
43901
|
-
// with pointerType="mouse" immediately after onPointerUp and before onFocus. On other
|
|
43902
|
-
// devices that don't have this quirk, we don't want to ignore a mouse hover sometime in
|
|
43903
|
-
// the distant future because a user previously touched the element.
|
|
43904
|
-
setTimeout(()=>{
|
|
43905
|
-
$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
|
|
43906
|
-
}, 50);
|
|
43907
|
-
}
|
|
43908
|
-
function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
|
|
43909
|
-
if (e.pointerType === 'touch') $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
|
|
43910
|
-
}
|
|
43911
|
-
function $6179b936705e76d3$var$setupGlobalTouchEvents() {
|
|
43912
|
-
if (typeof document === 'undefined') return;
|
|
43913
|
-
if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $6179b936705e76d3$var$handleGlobalPointerEvent);
|
|
43914
|
-
else document.addEventListener('touchend', $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
43915
|
-
$6179b936705e76d3$var$hoverCount++;
|
|
43916
|
-
return ()=>{
|
|
43917
|
-
$6179b936705e76d3$var$hoverCount--;
|
|
43918
|
-
if ($6179b936705e76d3$var$hoverCount > 0) return;
|
|
43919
|
-
if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $6179b936705e76d3$var$handleGlobalPointerEvent);
|
|
43920
|
-
else document.removeEventListener('touchend', $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
|
|
43921
|
-
};
|
|
43922
|
-
}
|
|
43923
|
-
function $6179b936705e76d3$export$ae780daf29e6d456(props) {
|
|
43924
|
-
let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, isDisabled: isDisabled } = props;
|
|
43925
|
-
let [isHovered, setHovered] = (useState)(false);
|
|
43926
|
-
let state = (useRef)({
|
|
43927
|
-
isHovered: false,
|
|
43928
|
-
ignoreEmulatedMouseEvents: false,
|
|
43929
|
-
pointerType: '',
|
|
43930
|
-
target: null
|
|
43931
|
-
}).current;
|
|
43932
|
-
(useEffect)($6179b936705e76d3$var$setupGlobalTouchEvents, []);
|
|
43933
|
-
let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = (useMemo)(()=>{
|
|
43934
|
-
let triggerHoverStart = (event, pointerType)=>{
|
|
43935
|
-
state.pointerType = pointerType;
|
|
43936
|
-
if (isDisabled || pointerType === 'touch' || state.isHovered || !event.currentTarget.contains(event.target)) return;
|
|
43937
|
-
state.isHovered = true;
|
|
43938
|
-
let target = event.currentTarget;
|
|
43939
|
-
state.target = target;
|
|
43940
|
-
if (onHoverStart) onHoverStart({
|
|
43941
|
-
type: 'hoverstart',
|
|
43942
|
-
target: target,
|
|
43943
|
-
pointerType: pointerType
|
|
43944
|
-
});
|
|
43945
|
-
if (onHoverChange) onHoverChange(true);
|
|
43946
|
-
setHovered(true);
|
|
43947
|
-
};
|
|
43948
|
-
let triggerHoverEnd = (event, pointerType)=>{
|
|
43949
|
-
state.pointerType = '';
|
|
43950
|
-
state.target = null;
|
|
43951
|
-
if (pointerType === 'touch' || !state.isHovered) return;
|
|
43952
|
-
state.isHovered = false;
|
|
43953
|
-
let target = event.currentTarget;
|
|
43954
|
-
if (onHoverEnd) onHoverEnd({
|
|
43955
|
-
type: 'hoverend',
|
|
43956
|
-
target: target,
|
|
43957
|
-
pointerType: pointerType
|
|
43958
|
-
});
|
|
43959
|
-
if (onHoverChange) onHoverChange(false);
|
|
43960
|
-
setHovered(false);
|
|
43961
|
-
};
|
|
43962
|
-
let hoverProps = {};
|
|
43963
|
-
if (typeof PointerEvent !== 'undefined') {
|
|
43964
|
-
hoverProps.onPointerEnter = (e)=>{
|
|
43965
|
-
if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === 'mouse') return;
|
|
43966
|
-
triggerHoverStart(e, e.pointerType);
|
|
43967
|
-
};
|
|
43968
|
-
hoverProps.onPointerLeave = (e)=>{
|
|
43969
|
-
if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, e.pointerType);
|
|
43970
|
-
};
|
|
43971
|
-
} else {
|
|
43972
|
-
hoverProps.onTouchStart = ()=>{
|
|
43973
|
-
state.ignoreEmulatedMouseEvents = true;
|
|
43974
|
-
};
|
|
43975
|
-
hoverProps.onMouseEnter = (e)=>{
|
|
43976
|
-
if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, 'mouse');
|
|
43977
|
-
state.ignoreEmulatedMouseEvents = false;
|
|
43978
|
-
};
|
|
43979
|
-
hoverProps.onMouseLeave = (e)=>{
|
|
43980
|
-
if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, 'mouse');
|
|
43981
|
-
};
|
|
43982
|
-
}
|
|
43983
|
-
return {
|
|
43984
|
-
hoverProps: hoverProps,
|
|
43985
|
-
triggerHoverEnd: triggerHoverEnd
|
|
43986
|
-
};
|
|
43987
|
-
}, [
|
|
43988
|
-
onHoverStart,
|
|
43989
|
-
onHoverChange,
|
|
43990
|
-
onHoverEnd,
|
|
43991
|
-
isDisabled,
|
|
43992
|
-
state
|
|
43993
|
-
]);
|
|
43994
|
-
(useEffect)(()=>{
|
|
43995
|
-
// Call the triggerHoverEnd as soon as isDisabled changes to true
|
|
43996
|
-
// Safe to call triggerHoverEnd, it will early return if we aren't currently hovering
|
|
43997
|
-
if (isDisabled) triggerHoverEnd({
|
|
43998
|
-
currentTarget: state.target
|
|
43999
|
-
}, state.pointerType);
|
|
44000
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
44001
|
-
}, [
|
|
44002
|
-
isDisabled
|
|
44003
|
-
]);
|
|
44004
|
-
return {
|
|
44005
|
-
hoverProps: hoverProps,
|
|
44006
|
-
isHovered: isHovered
|
|
44007
|
-
};
|
|
44008
|
-
}
|
|
44009
|
-
|
|
44010
|
-
function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
|
|
44011
|
-
let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
|
|
44012
|
-
let state = (useRef)({
|
|
44013
|
-
isFocused: false,
|
|
44014
|
-
isFocusVisible: autoFocus || ($507fabe10e71c6fb$export$b9b3dfddab17db27)()
|
|
44015
|
-
});
|
|
44016
|
-
let [isFocused, setFocused] = (useState)(false);
|
|
44017
|
-
let [isFocusVisibleState, setFocusVisible] = (useState)(()=>state.current.isFocused && state.current.isFocusVisible);
|
|
44018
|
-
let updateState = (useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
|
|
44019
|
-
let onFocusChange = (useCallback)((isFocused)=>{
|
|
44020
|
-
state.current.isFocused = isFocused;
|
|
44021
|
-
setFocused(isFocused);
|
|
44022
|
-
updateState();
|
|
44023
|
-
}, [
|
|
44024
|
-
updateState
|
|
44025
|
-
]);
|
|
44026
|
-
($507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
|
|
44027
|
-
state.current.isFocusVisible = isFocusVisible;
|
|
44028
|
-
updateState();
|
|
44029
|
-
}, [], {
|
|
44030
|
-
isTextInput: isTextInput
|
|
44031
|
-
});
|
|
44032
|
-
let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
|
|
44033
|
-
isDisabled: within,
|
|
44034
|
-
onFocusChange: onFocusChange
|
|
44035
|
-
});
|
|
44036
|
-
let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
|
|
44037
|
-
isDisabled: !within,
|
|
44038
|
-
onFocusWithinChange: onFocusChange
|
|
44039
|
-
});
|
|
44040
|
-
return {
|
|
44041
|
-
isFocused: isFocused,
|
|
44042
|
-
isFocusVisible: isFocusVisibleState,
|
|
44043
|
-
focusProps: within ? focusWithinProps : focusProps
|
|
44044
|
-
};
|
|
44045
|
-
}
|
|
44046
|
-
|
|
44047
|
-
var i$5=Object.defineProperty;var d$3=(t,e,n)=>e in t?i$5(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r$2=(t,e,n)=>(d$3(t,typeof e!="symbol"?e+"":e,n),n);let o$5 = class o{constructor(){r$2(this,"current",this.detect());r$2(this,"handoffState","pending");r$2(this,"currentId",0);}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e);}reset(){this.set(this.detect());}nextId(){return ++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window=="undefined"||typeof document=="undefined"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete");}get isHandoffComplete(){return this.handoffState==="complete"}};let s$7=new o$5;
|
|
44048
|
-
|
|
44049
|
-
function u$9(r){return s$7.isServer?null:r instanceof Node?r.ownerDocument:r!=null&&r.hasOwnProperty("current")&&r.current instanceof Node?r.current.ownerDocument:document}
|
|
44050
|
-
|
|
44051
|
-
function t$6(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(o=>setTimeout(()=>{throw o}));}
|
|
44052
|
-
|
|
44053
|
-
function o$4(){let n=[],r={addEventListener(e,t,s,a){return e.addEventListener(t,s,a),r.add(()=>e.removeEventListener(t,s,a))},requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add(()=>cancelAnimationFrame(t))},nextFrame(...e){return r.requestAnimationFrame(()=>r.requestAnimationFrame(...e))},setTimeout(...e){let t=setTimeout(...e);return r.add(()=>clearTimeout(t))},microTask(...e){let t={current:!0};return t$6(()=>{t.current&&e[0]();}),r.add(()=>{t.current=!1;})},style(e,t,s){let a=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:s}),this.add(()=>{Object.assign(e.style,{[t]:a});})},group(e){let t=o$4();return e(t),this.add(()=>t.dispose())},add(e){return n.includes(e)||n.push(e),()=>{let t=n.indexOf(e);if(t>=0)for(let s of n.splice(t,1))s();}},dispose(){for(let e of n.splice(0))e();}};return r}
|
|
44054
|
-
|
|
44055
|
-
function p$3(){let[e]=useState(o$4);return useEffect(()=>()=>e.dispose(),[e]),e}
|
|
44056
|
-
|
|
44057
|
-
let n$3=(e,t)=>{s$7.isServer?useEffect(e,t):useLayoutEffect(e,t);};
|
|
44058
|
-
|
|
44059
|
-
function s$6(e){let r=useRef(e);return n$3(()=>{r.current=e;},[e]),r}
|
|
44060
|
-
|
|
44061
|
-
let o$3=function(t){let e=s$6(t);return React__default.useCallback((...r)=>e.current(...r),[e])};
|
|
44062
|
-
|
|
44063
|
-
function E$1(e){let t=e.width/2,n=e.height/2;return {top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function P$2(e,t){return !(!e||!t||e.right<t.left||e.left>t.right||e.bottom<t.top||e.top>t.bottom)}function w$4({disabled:e=!1}={}){let t=useRef(null),[n,l]=useState(!1),r=p$3(),o=o$3(()=>{t.current=null,l(!1),r.dispose();}),f=o$3(s=>{if(r.dispose(),t.current===null){t.current=s.currentTarget,l(!0);{let i=u$9(s.currentTarget);r.addEventListener(i,"pointerup",o,!1),r.addEventListener(i,"pointermove",c=>{if(t.current){let p=E$1(c);l(P$2(p,t.current.getBoundingClientRect()));}},!1),r.addEventListener(i,"pointercancel",o,!1);}}});return {pressed:n,pressProps:e?{}:{onPointerDown:f,onPointerUp:o,onClick:o}}}
|
|
44064
|
-
|
|
44065
|
-
let e$3=createContext(void 0);function a$b(){return useContext(e$3)}
|
|
44066
|
-
|
|
44067
|
-
function t$5(...r){return Array.from(new Set(r.flatMap(n=>typeof n=="string"?n.split(" "):[]))).filter(Boolean).join(" ")}
|
|
44068
|
-
|
|
44069
|
-
function u$8(r,n,...a){if(r in n){let e=n[r];return typeof e=="function"?e(...a):e}let t=new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map(e=>`"${e}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,u$8),t}
|
|
44070
|
-
|
|
44071
|
-
var O$1=(a=>(a[a.None=0]="None",a[a.RenderStrategy=1]="RenderStrategy",a[a.Static=2]="Static",a))(O$1||{}),M$4=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(M$4||{});function H$2({ourProps:r,theirProps:n,slot:e,defaultTag:a,features:s,visible:t=!0,name:l,mergeRefs:i}){i=i!=null?i:A$2;let o=N$2(n,r);if(t)return b$1(o,e,a,l,i);let y=s!=null?s:0;if(y&2){let{static:f=!1,...u}=o;if(f)return b$1(u,e,a,l,i)}if(y&1){let{unmount:f=!0,...u}=o;return u$8(f?0:1,{[0](){return null},[1](){return b$1({...u,hidden:!0,style:{display:"none"}},e,a,l,i)}})}return b$1(o,e,a,l,i)}function b$1(r,n={},e,a,s){let{as:t=e,children:l,refName:i="ref",...o}=h$2(r,["unmount","static"]),y=r.ref!==void 0?{[i]:r.ref}:{},f=typeof l=="function"?l(n):l;"className"in o&&o.className&&typeof o.className=="function"&&(o.className=o.className(n)),o["aria-labelledby"]&&o["aria-labelledby"]===o.id&&(o["aria-labelledby"]=void 0);let u={};if(n){let d=!1,p=[];for(let[c,T]of Object.entries(n))typeof T=="boolean"&&(d=!0),T===!0&&p.push(c.replace(/([A-Z])/g,g=>`-${g.toLowerCase()}`));if(d){u["data-headlessui-state"]=p.join(" ");for(let c of p)u[`data-${c}`]="";}}if(t===Fragment&&(Object.keys(m$4(o)).length>0||Object.keys(m$4(u)).length>0))if(!isValidElement(f)||Array.isArray(f)&&f.length>1){if(Object.keys(m$4(o)).length>0)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(m$4(o)).concat(Object.keys(m$4(u))).map(d=>` - ${d}`).join(`
|
|
44072
|
-
`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(d=>` - ${d}`).join(`
|
|
44073
|
-
`)].join(`
|
|
44074
|
-
`))}else {let d=f.props,p=d==null?void 0:d.className,c=typeof p=="function"?(...F)=>t$5(p(...F),o.className):t$5(p,o.className),T=c?{className:c}:{},g=N$2(f.props,m$4(h$2(o,["ref"])));for(let F in u)F in g&&delete u[F];return cloneElement(f,Object.assign({},g,u,y,{ref:s(f.ref,y.ref)},T))}return createElement(t,Object.assign({},h$2(o,["ref"]),t!==Fragment&&y,t!==Fragment&&u),f)}function U$3(){let r=useRef([]),n=useCallback(e=>{for(let a of r.current)a!=null&&(typeof a=="function"?a(e):a.current=e);},[]);return (...e)=>{if(!e.every(a=>a==null))return r.current=e,n}}function A$2(...r){return r.every(n=>n==null)?void 0:n=>{for(let e of r)e!=null&&(typeof e=="function"?e(n):e.current=n);}}function N$2(...r){if(r.length===0)return {};if(r.length===1)return r[0];let n={},e={};for(let s of r)for(let t in s)t.startsWith("on")&&typeof s[t]=="function"?((e[t])!=null||(e[t]=[]),e[t].push(s[t])):n[t]=s[t];if(n.disabled||n["aria-disabled"])for(let s in e)/^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s)&&(e[s]=[t=>{var l;return (l=t==null?void 0:t.preventDefault)==null?void 0:l.call(t)}]);for(let s in e)Object.assign(n,{[s](t,...l){let i=e[s];for(let o of i){if((t instanceof Event||(t==null?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;o(t,...l);}}});return n}function D$4(...r){if(r.length===0)return {};if(r.length===1)return r[0];let n={},e={};for(let s of r)for(let t in s)t.startsWith("on")&&typeof s[t]=="function"?((e[t])!=null||(e[t]=[]),e[t].push(s[t])):n[t]=s[t];for(let s in e)Object.assign(n,{[s](...t){let l=e[s];for(let i of l)i==null||i(...t);}});return n}function I$5(r){var n;return Object.assign(forwardRef(r),{displayName:(n=r.displayName)!=null?n:r.name})}function m$4(r){let n=Object.assign({},r);for(let e in n)n[e]===void 0&&delete n[e];return n}function h$2(r,n=[]){let e=Object.assign({},r);for(let a of n)a in e&&delete e[a];return e}
|
|
44075
|
-
|
|
44076
43361
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
44077
43362
|
|
|
44078
43363
|
function getDefaultExportFromCjs (x) {
|
|
@@ -74980,2345 +74265,134 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
74980
74265
|
|
|
74981
74266
|
var reactDomExports = reactDom.exports;
|
|
74982
74267
|
|
|
74983
|
-
|
|
74984
|
-
|
|
74985
|
-
let f$8=createContext(null);function c$5({children:t}){let e=useContext(f$8);if(!e)return React__default.createElement(React__default.Fragment,null,t);let{target:r}=e;return r?reactDomExports.createPortal(React__default.createElement(React__default.Fragment,null,t),r):null}
|
|
74986
|
-
|
|
74987
|
-
let e$2=createContext(void 0);function u$7(){return useContext(e$2)}
|
|
74988
|
-
|
|
74989
|
-
function r$1(n){let e=n.parentElement,l=null;for(;e&&!(e instanceof HTMLFieldSetElement);)e instanceof HTMLLegendElement&&(l=e),e=e.parentElement;let t=(e==null?void 0:e.getAttribute("disabled"))==="";return t&&i$4(l)?!1:t}function i$4(n){if(!n)return !1;let e=n.previousElementSibling;for(;e!==null;){if(e instanceof HTMLLegendElement)return !1;e=e.previousElementSibling;}return !0}
|
|
74990
|
-
|
|
74991
|
-
let u$6=Symbol();function T$2(t,n=!0){return Object.assign(t,{[u$6]:n})}function y$4(...t){let n=useRef(t);useEffect(()=>{n.current=t;},[t]);let c=o$3(e=>{for(let o of n.current)o!=null&&(typeof o=="function"?o(e):o.current=e);});return t.every(e=>e==null||(e==null?void 0:e[u$6]))?void 0:c}
|
|
74992
|
-
|
|
74993
|
-
let a$9=createContext(null);a$9.displayName="DescriptionContext";function f$7(){let r=useContext(a$9);if(r===null){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,f$7),e}return r}function U$2(){let[r,e]=useState([]);return [r.length>0?r.join(" "):void 0,useMemo(()=>function(t){let i=o$3(n=>(e(s=>[...s,n]),()=>e(s=>{let o=s.slice(),p=o.indexOf(n);return p!==-1&&o.splice(p,1),o}))),l=useMemo(()=>({register:i,slot:t.slot,name:t.name,props:t.props,value:t.value}),[i,t.slot,t.name,t.props,t.value]);return React__default.createElement(a$9.Provider,{value:l},t.children)},[e])]}let S$3="p";function C(r,e){let d=useId$1(),t=a$b(),{id:i=`headlessui-description-${d}`,...l}=r,n=f$7(),s=y$4(e);n$3(()=>n.register(i),[i,n.register]);let o=t||!1,p=useMemo(()=>({...n.slot,disabled:o}),[n.slot,o]),D={ref:s,...n.props,id:i};return H$2({ourProps:D,theirProps:l,slot:p,defaultTag:S$3,name:n.name||"Description"})}let _$1=I$5(C),w$3=Object.assign(_$1,{});
|
|
74994
|
-
|
|
74995
|
-
var o$2=(r=>(r.Space=" ",r.Enter="Enter",r.Escape="Escape",r.Backspace="Backspace",r.Delete="Delete",r.ArrowLeft="ArrowLeft",r.ArrowUp="ArrowUp",r.ArrowRight="ArrowRight",r.ArrowDown="ArrowDown",r.Home="Home",r.End="End",r.PageUp="PageUp",r.PageDown="PageDown",r.Tab="Tab",r))(o$2||{});
|
|
74996
|
-
|
|
74997
|
-
let c$4=createContext(null);c$4.displayName="LabelContext";function P$1(){let r=useContext(c$4);if(r===null){let l=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(l,P$1),l}return r}function I$4(r){var a,e,o;let l=(e=(a=useContext(c$4))==null?void 0:a.value)!=null?e:void 0;return ((o=r==null?void 0:r.length)!=null?o:0)>0?[l,...r].filter(Boolean).join(" "):l}function z({inherit:r=!1}={}){let l=I$4(),[a,e]=useState([]),o=r?[l,...a].filter(Boolean):a;return [o.length>0?o.join(" "):void 0,useMemo(()=>function(t){let s=o$3(i=>(e(p=>[...p,i]),()=>e(p=>{let u=p.slice(),d=u.indexOf(i);return d!==-1&&u.splice(d,1),u}))),m=useMemo(()=>({register:s,slot:t.slot,name:t.name,props:t.props,value:t.value}),[s,t.slot,t.name,t.props,t.value]);return React__default.createElement(c$4.Provider,{value:m},t.children)},[e])]}let N$1="label";function G$1(r,l){var y;let a=useId$1(),e=P$1(),o=u$7(),g=a$b(),{id:t=`headlessui-label-${a}`,htmlFor:s=o!=null?o:(y=e.props)==null?void 0:y.htmlFor,passive:m=!1,...i}=r,p=y$4(l);n$3(()=>e.register(t),[t,e.register]);let u=o$3(L=>{let b=L.currentTarget;if(b instanceof HTMLLabelElement&&L.preventDefault(),e.props&&"onClick"in e.props&&typeof e.props.onClick=="function"&&e.props.onClick(L),b instanceof HTMLLabelElement){let n=document.getElementById(b.htmlFor);if(n){let E=n.getAttribute("disabled");if(E==="true"||E==="")return;let x=n.getAttribute("aria-disabled");if(x==="true"||x==="")return;(n instanceof HTMLInputElement&&(n.type==="radio"||n.type==="checkbox")||n.role==="radio"||n.role==="checkbox"||n.role==="switch")&&n.click(),n.focus({preventScroll:!0});}}}),d=g||!1,C=useMemo(()=>({...e.slot,disabled:d}),[e.slot,d]),f={ref:p,...e.props,id:t,htmlFor:s,onClick:u};return m&&("onClick"in f&&(delete f.htmlFor,delete f.onClick),"onClick"in i&&delete i.onClick),H$2({ourProps:f,theirProps:i,slot:C,defaultTag:s?N$1:"div",name:e.name||"Label"})}let U$1=I$5(G$1);Object.assign(U$1,{});
|
|
74998
|
-
|
|
74999
|
-
let e$1=createContext(()=>{});function u$5({value:o,children:t}){return React__default.createElement(e$1.Provider,{value:o},t)}
|
|
75000
|
-
|
|
75001
|
-
function s$4(e){if(e===null)return {width:0,height:0};let{width:n,height:t}=e.getBoundingClientRect();return {width:n,height:t}}function f$6(e,n=!1){let t=e===null?null:"current"in e?e.current:e,[l,u]=useReducer(()=>({}),{}),r=useMemo(()=>s$4(t),[t,l]);return n$3(()=>{if(!t)return;let i=new ResizeObserver(u);return i.observe(t),()=>{i.disconnect();}},[t]),n?{width:`${r.width}px`,height:`${r.height}px`}:r}
|
|
75002
|
-
|
|
75003
|
-
let a$8 = class a extends Map{constructor(t){super();this.factory=t;}get(t){let e=super.get(t);return e===void 0&&(e=this.factory(t),this.set(t,e)),e}};
|
|
75004
|
-
|
|
75005
|
-
function a$7(o,r){let t=o(),n=new Set;return {getSnapshot(){return t},subscribe(e){return n.add(e),()=>n.delete(e)},dispatch(e,...s){let i=r[e].call(t,...s);i&&(t=i,n.forEach(c=>c()));}}}
|
|
75006
|
-
|
|
75007
|
-
function o$1(t){return useSyncExternalStore(t.subscribe,t.getSnapshot,t.getSnapshot)}
|
|
75008
|
-
|
|
75009
|
-
let p$2=new a$8(()=>a$7(()=>[],{ADD(r){return this.includes(r)?this:[...this,r]},REMOVE(r){let e=this.indexOf(r);if(e===-1)return this;let t=this.slice();return t.splice(e,1),t}}));function x$2(r,e){let t=p$2.get(e),i=useId$1(),h=o$1(t);if(n$3(()=>{if(r)return t.dispatch("ADD",i),()=>t.dispatch("REMOVE",i)},[t,r]),!r)return !1;let s=h.indexOf(i),o=h.length;return s===-1&&(s=o,o+=1),s===o-1}
|
|
75010
|
-
|
|
75011
|
-
let f$5=new Map,u$4=new Map;function h$1(t){var e;let r=(e=u$4.get(t))!=null?e:0;return u$4.set(t,r+1),r!==0?()=>m$3(t):(f$5.set(t,{"aria-hidden":t.getAttribute("aria-hidden"),inert:t.inert}),t.setAttribute("aria-hidden","true"),t.inert=!0,()=>m$3(t))}function m$3(t){var i;let r=(i=u$4.get(t))!=null?i:1;if(r===1?u$4.delete(t):u$4.set(t,r-1),r!==1)return;let e=f$5.get(t);e&&(e["aria-hidden"]===null?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden",e["aria-hidden"]),t.inert=e.inert,f$5.delete(t));}function y$3(t,{allowed:r,disallowed:e}={}){let i=x$2(t,"inert-others");n$3(()=>{var d,c;if(!i)return;let a=o$4();for(let n of (d=e==null?void 0:e())!=null?d:[])n&&a.add(h$1(n));let s=(c=r==null?void 0:r())!=null?c:[];for(let n of s){if(!n)continue;let l=u$9(n);if(!l)continue;let o=n.parentElement;for(;o&&o!==l.body;){for(let p of o.children)s.some(E=>p.contains(E))||a.add(h$1(p));o=o.parentElement;}}return a.dispose},[i,r,e]);}
|
|
75012
|
-
|
|
75013
|
-
function m$2(s,n,l){let i=s$6(t=>{let e=t.getBoundingClientRect();e.x===0&&e.y===0&&e.width===0&&e.height===0&&l();});useEffect(()=>{if(!s)return;let t=n===null?null:n instanceof HTMLElement?n:n.current;if(!t)return;let e=o$4();if(typeof ResizeObserver!="undefined"){let r=new ResizeObserver(()=>i.current(t));r.observe(t),e.add(()=>r.disconnect());}if(typeof IntersectionObserver!="undefined"){let r=new IntersectionObserver(()=>i.current(t));r.observe(t),e.add(()=>r.disconnect());}return ()=>e.dispose()},[n,i,s]);}
|
|
75014
|
-
|
|
75015
|
-
let f$4=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(","),p$1=["[data-autofocus]"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var F$4=(n=>(n[n.First=1]="First",n[n.Previous=2]="Previous",n[n.Next=4]="Next",n[n.Last=8]="Last",n[n.WrapAround=16]="WrapAround",n[n.NoScroll=32]="NoScroll",n[n.AutoFocus=64]="AutoFocus",n))(F$4||{}),T$1=(o=>(o[o.Error=0]="Error",o[o.Overflow=1]="Overflow",o[o.Success=2]="Success",o[o.Underflow=3]="Underflow",o))(T$1||{}),y$2=(t=>(t[t.Previous=-1]="Previous",t[t.Next=1]="Next",t))(y$2||{});function b(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(f$4)).sort((r,t)=>Math.sign((r.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}function S$2(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(p$1)).sort((r,t)=>Math.sign((r.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}var h=(t=>(t[t.Strict=0]="Strict",t[t.Loose=1]="Loose",t))(h||{});function A$1(e,r=0){var t;return e===((t=u$9(e))==null?void 0:t.body)?!1:u$8(r,{[0](){return e.matches(f$4)},[1](){let u=e;for(;u!==null;){if(u.matches(f$4))return !0;u=u.parentElement;}return !1}})}function G(e){let r=u$9(e);o$4().nextFrame(()=>{r&&!A$1(r.activeElement,0)&&I$3(e);});}var H$1=(t=>(t[t.Keyboard=0]="Keyboard",t[t.Mouse=1]="Mouse",t))(H$1||{});typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="");},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="");},!0));function I$3(e){e==null||e.focus({preventScroll:!0});}let w$2=["textarea","input"].join(",");function O(e){var r,t;return (t=(r=e==null?void 0:e.matches)==null?void 0:r.call(e,w$2))!=null?t:!1}function _(e,r=t=>t){return e.slice().sort((t,u)=>{let o=r(t),c=r(u);if(o===null||c===null)return 0;let l=o.compareDocumentPosition(c);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function j$3(e,r){return P(b(),r,{relativeTo:e})}function P(e,r,{sorted:t=!0,relativeTo:u=null,skipElements:o=[]}={}){let c=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,l=Array.isArray(e)?t?_(e):e:r&64?S$2(e):b(e);o.length>0&&l.length>1&&(l=l.filter(s=>!o.some(a=>a!=null&&"current"in a?(a==null?void 0:a.current)===s:a===s))),u=u!=null?u:c.activeElement;let n=(()=>{if(r&5)return 1;if(r&10)return -1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),x=(()=>{if(r&1)return 0;if(r&2)return Math.max(0,l.indexOf(u))-1;if(r&4)return Math.max(0,l.indexOf(u))+1;if(r&8)return l.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),M=r&32?{preventScroll:!0}:{},m=0,d=l.length,i;do{if(m>=d||m+d<=0)return 0;let s=x+m;if(r&16)s=(s+d)%d;else {if(s<0)return 3;if(s>=d)return 1}i=l[s],i==null||i.focus(M),m+=n;}while(i!==c.activeElement);return r&6&&O(i)&&i.select(),2}
|
|
75016
|
-
|
|
75017
|
-
function t$4(){return /iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function i$3(){return /Android/gi.test(window.navigator.userAgent)}function n$2(){return t$4()||i$3()}
|
|
75018
|
-
|
|
75019
|
-
function i$2(t,e,o,n){let u=s$6(o);useEffect(()=>{if(!t)return;function r(m){u.current(m);}return document.addEventListener(e,r,n),()=>document.removeEventListener(e,r,n)},[t,e,n]);}
|
|
75020
|
-
|
|
75021
|
-
function s$3(t,e,o,n){let i=s$6(o);useEffect(()=>{if(!t)return;function r(d){i.current(d);}return window.addEventListener(e,r,n),()=>window.removeEventListener(e,r,n)},[t,e,n]);}
|
|
75022
|
-
|
|
75023
|
-
const d$2=30;function F$3(E,p,C){let u=x$2(E,"outside-click"),f=s$6(C),s=useCallback(function(e,o){if(e.defaultPrevented)return;let r=o(e);if(r===null||!r.getRootNode().contains(r)||!r.isConnected)return;let T=function i(n){return typeof n=="function"?i(n()):Array.isArray(n)||n instanceof Set?n:[n]}(p);for(let i of T){if(i===null)continue;let n=i instanceof HTMLElement?i:i.current;if(n!=null&&n.contains(r)||e.composed&&e.composedPath().includes(n))return}return !A$1(r,h.Loose)&&r.tabIndex!==-1&&e.preventDefault(),f.current(e,r)},[f]),l=useRef(null);i$2(u,"pointerdown",t=>{var e,o;l.current=((o=(e=t.composedPath)==null?void 0:e.call(t))==null?void 0:o[0])||t.target;},!0),i$2(u,"mousedown",t=>{var e,o;l.current=((o=(e=t.composedPath)==null?void 0:e.call(t))==null?void 0:o[0])||t.target;},!0),i$2(u,"click",t=>{n$2()||l.current&&(s(t,()=>l.current),l.current=null);},!0);let a=useRef({x:0,y:0});i$2(u,"touchstart",t=>{a.current.x=t.touches[0].clientX,a.current.y=t.touches[0].clientY;},!0),i$2(u,"touchend",t=>{let e={x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY};if(!(Math.abs(e.x-a.current.x)>=d$2||Math.abs(e.y-a.current.y)>=d$2))return s(t,()=>t.target instanceof HTMLElement?t.target:null)},!0),s$3(u,"blur",t=>s(t,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0);}
|
|
75024
|
-
|
|
75025
|
-
function n$1(...e){return useMemo(()=>u$9(...e),[...e])}
|
|
75026
|
-
|
|
75027
|
-
function E(n,e,a,t){let i=s$6(a);useEffect(()=>{n=n!=null?n:window;function r(o){i.current(o);}return n.addEventListener(e,r,t),()=>n.removeEventListener(e,r,t)},[n,e,t]);}
|
|
75028
|
-
|
|
75029
|
-
function i$1(t){var n;if(t.type)return t.type;let e=(n=t.as)!=null?n:"button";if(typeof e=="string"&&e.toLowerCase()==="button")return "button"}function T(t,e){let[n,u]=useState(()=>i$1(t));return n$3(()=>{u(i$1(t));},[t.type,t.as]),n$3(()=>{n||e.current&&e.current instanceof HTMLButtonElement&&!e.current.hasAttribute("type")&&u("button");},[n,e]),n}
|
|
75030
|
-
|
|
75031
|
-
function d$1(){let r;return {before({doc:e}){var l;let o=e.documentElement,t=(l=e.defaultView)!=null?l:window;r=Math.max(0,t.innerWidth-o.clientWidth);},after({doc:e,d:o}){let t=e.documentElement,l=Math.max(0,t.clientWidth-t.offsetWidth),n=Math.max(0,r-l);o.style(t,"paddingRight",`${n}px`);}}}
|
|
75032
|
-
|
|
75033
|
-
function d(){return t$4()?{before({doc:r,d:n,meta:c}){function o(a){return c.containers.flatMap(l=>l()).some(l=>l.contains(a))}n.microTask(()=>{var s;if(window.getComputedStyle(r.documentElement).scrollBehavior!=="auto"){let t=o$4();t.style(r.documentElement,"scrollBehavior","auto"),n.add(()=>n.microTask(()=>t.dispose()));}let a=(s=window.scrollY)!=null?s:window.pageYOffset,l=null;n.addEventListener(r,"click",t=>{if(t.target instanceof HTMLElement)try{let e=t.target.closest("a");if(!e)return;let{hash:f}=new URL(e.href),i=r.querySelector(f);i&&!o(i)&&(l=i);}catch{}},!0),n.addEventListener(r,"touchstart",t=>{if(t.target instanceof HTMLElement)if(o(t.target)){let e=t.target;for(;e.parentElement&&o(e.parentElement);)e=e.parentElement;n.style(e,"overscrollBehavior","contain");}else n.style(t.target,"touchAction","none");}),n.addEventListener(r,"touchmove",t=>{if(t.target instanceof HTMLElement){if(t.target.tagName==="INPUT")return;if(o(t.target)){let e=t.target;for(;e.parentElement&&e.dataset.headlessuiPortal!==""&&!(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth);)e=e.parentElement;e.dataset.headlessuiPortal===""&&t.preventDefault();}else t.preventDefault();}},{passive:!1}),n.add(()=>{var e;let t=(e=window.scrollY)!=null?e:window.pageYOffset;a!==t&&window.scrollTo(0,a),l&&l.isConnected&&(l.scrollIntoView({block:"nearest"}),l=null);});});}}:{}}
|
|
75034
|
-
|
|
75035
|
-
function r(){return {before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden");}}}
|
|
75036
|
-
|
|
75037
|
-
function m$1(e){let n={};for(let t of e)Object.assign(n,t(n));return n}let a$6=a$7(()=>new Map,{PUSH(e,n){var o;let t=(o=this.get(e))!=null?o:{doc:e,count:0,d:o$4(),meta:new Set};return t.count++,t.meta.add(n),this.set(e,t),this},POP(e,n){let t=this.get(e);return t&&(t.count--,t.meta.delete(n)),this},SCROLL_PREVENT({doc:e,d:n,meta:t}){let o={doc:e,d:n,meta:m$1(t)},c=[d(),d$1(),r()];c.forEach(({before:r})=>r==null?void 0:r(o)),c.forEach(({after:r})=>r==null?void 0:r(o));},SCROLL_ALLOW({d:e}){e.dispose();},TEARDOWN({doc:e}){this.delete(e);}});a$6.subscribe(()=>{let e=a$6.getSnapshot(),n=new Map;for(let[t]of e)n.set(t,t.documentElement.style.overflow);for(let t of e.values()){let o=n.get(t.doc)==="hidden",c=t.count!==0;(c&&!o||!c&&o)&&a$6.dispatch(t.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",t),t.count===0&&a$6.dispatch("TEARDOWN",t);}});
|
|
75038
|
-
|
|
75039
|
-
function a$5(r,e,n=()=>({containers:[]})){let f=o$1(a$6),o=e?f.get(e):void 0,i=o?o.count>0:!1;return n$3(()=>{if(!(!e||!r))return a$6.dispatch("PUSH",e,n),()=>a$6.dispatch("POP",e,n)},[r,e]),i}
|
|
75040
|
-
|
|
75041
|
-
function f$3(e,c,n=()=>[document.body]){let r=x$2(e,"scroll-lock");a$5(r,c,t=>{var o;return {containers:[...(o=t.containers)!=null?o:[],n]}});}
|
|
75042
|
-
|
|
75043
|
-
function t$3(e){return [e.screenX,e.screenY]}function u$3(){let e=useRef([-1,-1]);return {wasMoved(r){let n=t$3(r);return e.current[0]===n[0]&&e.current[1]===n[1]?!1:(e.current=n,!0)},update(r){e.current=t$3(r);}}}
|
|
75044
|
-
|
|
75045
|
-
function l$2(r){let e={called:!1};return (...t)=>{if(!e.called)return e.called=!0,r(...t)}}
|
|
75046
|
-
|
|
75047
|
-
function c$3(u=0){let[t,l]=useState(u),g=useCallback(e=>l(e),[t]),s=useCallback(e=>l(a=>a|e),[t]),m=useCallback(e=>(t&e)===e,[t]),n=useCallback(e=>l(a=>a&~e),[l]),F=useCallback(e=>l(a=>a^e),[l]);return {flags:t,setFlag:g,addFlag:s,hasFlag:m,removeFlag:n,toggleFlag:F}}
|
|
75048
|
-
|
|
75049
|
-
var D$3=(i=>(i[i.None=0]="None",i[i.Closed=1]="Closed",i[i.Enter=2]="Enter",i[i.Leave=4]="Leave",i))(D$3||{});function A(e){let a={};for(let t in e)e[t]===!0&&(a[`data-${t}`]="");return a}function V$2(e,a,t,r){let[i,u]=useState(t),{hasFlag:d,addFlag:f,removeFlag:s}=c$3(e&&i?3:0),l=useRef(!1),n=useRef(!1),o=p$3();return n$3(function p(){var T;if(!e)return;t&&u(!0);let c=a.current;return c?((T=r==null?void 0:r.start)==null||T.call(r,t),M$3(c,{inFlight:l,prepare(){n.current?n.current=!1:n.current=l.current,l.current=!0,!n.current&&(t?(f(3),s(4)):(f(4),s(2)));},run(){n.current?t?(s(3),f(4)):(s(4),f(3)):t?s(1):f(1);},done(){var m;n.current&&typeof c.getAnimations=="function"&&c.getAnimations().length>0||(l.current=!1,s(7),t||u(!1),(m=r==null?void 0:r.end)==null||m.call(r,t));}})):t?(f(3),o.nextFrame(()=>p())):void 0},[e,t,a,o]),e?[i,{closed:d(1),enter:d(2),leave:d(4),transition:d(2)||d(4)}]:[t,{closed:void 0,enter:void 0,leave:void 0,transition:void 0}]}function M$3(e,{prepare:a,run:t,done:r,inFlight:i}){let u=o$4();return R(e,{prepare:a,inFlight:i}),u.nextFrame(()=>{u.add(F$2(e,r)),t();}),u.dispose}function F$2(e,a){let t=l$2(a),r=o$4();if(!e)return r.dispose;let{transitionDuration:i,transitionDelay:u}=getComputedStyle(e),[d,f]=[i,u].map(l=>{let[n=0]=l.split(",").filter(Boolean).map(o=>o.includes("ms")?parseFloat(o):parseFloat(o)*1e3).sort((o,p)=>p-o);return n}),s=d+f;if(s!==0){let l=r.group(n=>{let o=n.setTimeout(()=>{t(),n.dispose();},s);n.addEventListener(e,"transitionrun",p=>{p.target===p.currentTarget&&(o(),n.addEventListener(e,"transitioncancel",c=>{c.target===c.currentTarget&&(t(),l());}));});});r.addEventListener(e,"transitionend",n=>{n.target===n.currentTarget&&(t(),r.dispose());});}else t();return r.dispose}function R(e,{inFlight:a,prepare:t}){if(a!=null&&a.current){t();return}let r=e.style.transition;e.style.transition="none",t(),e.offsetHeight,e.style.transition=r;}
|
|
75050
|
-
|
|
75051
|
-
function F$1(c,{container:e,accept:t,walk:r}){let o=useRef(t),l=useRef(r);useEffect(()=>{o.current=t,l.current=r;},[t,r]),n$3(()=>{if(!e||!c)return;let n=u$9(e);if(!n)return;let f=o.current,p=l.current,i=Object.assign(m=>f(m),{acceptNode:f}),u=n.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,i,!1);for(;u.nextNode();)p(u.currentNode);},[e,c,o,l]);}
|
|
75052
|
-
|
|
75053
|
-
function m(u,t){let e=useRef([]),r=o$3(u);useEffect(()=>{let o=[...e.current];for(let[a,l]of t.entries())if(e.current[a]!==l){let n=r(t,o);return e.current=t,n}},[r,...t]);}
|
|
75054
|
-
|
|
75055
|
-
function getWindow$1(node) {
|
|
75056
|
-
var _node$ownerDocument;
|
|
75057
|
-
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
75058
|
-
}
|
|
75059
|
-
function isElement$1(value) {
|
|
75060
|
-
return value instanceof Element || value instanceof getWindow$1(value).Element;
|
|
75061
|
-
}
|
|
75062
|
-
|
|
75063
|
-
function getUserAgent() {
|
|
75064
|
-
const uaData = navigator.userAgentData;
|
|
75065
|
-
if (uaData && Array.isArray(uaData.brands)) {
|
|
75066
|
-
return uaData.brands.map(_ref => {
|
|
75067
|
-
let {
|
|
75068
|
-
brand,
|
|
75069
|
-
version
|
|
75070
|
-
} = _ref;
|
|
75071
|
-
return brand + "/" + version;
|
|
75072
|
-
}).join(' ');
|
|
75073
|
-
}
|
|
75074
|
-
return navigator.userAgent;
|
|
75075
|
-
}
|
|
75076
|
-
|
|
75077
|
-
/**
|
|
75078
|
-
* Custom positioning reference element.
|
|
75079
|
-
* @see https://floating-ui.com/docs/virtual-elements
|
|
75080
|
-
*/
|
|
75081
|
-
|
|
75082
|
-
function evaluate$1(value, param) {
|
|
75083
|
-
return typeof value === 'function' ? value(param) : value;
|
|
75084
|
-
}
|
|
75085
|
-
|
|
75086
|
-
const min = Math.min;
|
|
75087
|
-
const max = Math.max;
|
|
75088
|
-
const round = Math.round;
|
|
75089
|
-
const floor = Math.floor;
|
|
75090
|
-
const createCoords = v => ({
|
|
75091
|
-
x: v,
|
|
75092
|
-
y: v
|
|
75093
|
-
});
|
|
75094
|
-
const oppositeSideMap = {
|
|
75095
|
-
left: 'right',
|
|
75096
|
-
right: 'left',
|
|
75097
|
-
bottom: 'top',
|
|
75098
|
-
top: 'bottom'
|
|
75099
|
-
};
|
|
75100
|
-
const oppositeAlignmentMap = {
|
|
75101
|
-
start: 'end',
|
|
75102
|
-
end: 'start'
|
|
75103
|
-
};
|
|
75104
|
-
function clamp(start, value, end) {
|
|
75105
|
-
return max(start, min(value, end));
|
|
75106
|
-
}
|
|
75107
|
-
function evaluate(value, param) {
|
|
75108
|
-
return typeof value === 'function' ? value(param) : value;
|
|
75109
|
-
}
|
|
75110
|
-
function getSide(placement) {
|
|
75111
|
-
return placement.split('-')[0];
|
|
75112
|
-
}
|
|
75113
|
-
function getAlignment(placement) {
|
|
75114
|
-
return placement.split('-')[1];
|
|
75115
|
-
}
|
|
75116
|
-
function getOppositeAxis(axis) {
|
|
75117
|
-
return axis === 'x' ? 'y' : 'x';
|
|
75118
|
-
}
|
|
75119
|
-
function getAxisLength(axis) {
|
|
75120
|
-
return axis === 'y' ? 'height' : 'width';
|
|
75121
|
-
}
|
|
75122
|
-
function getSideAxis(placement) {
|
|
75123
|
-
return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
|
|
75124
|
-
}
|
|
75125
|
-
function getAlignmentAxis(placement) {
|
|
75126
|
-
return getOppositeAxis(getSideAxis(placement));
|
|
75127
|
-
}
|
|
75128
|
-
function getAlignmentSides(placement, rects, rtl) {
|
|
75129
|
-
if (rtl === void 0) {
|
|
75130
|
-
rtl = false;
|
|
75131
|
-
}
|
|
75132
|
-
const alignment = getAlignment(placement);
|
|
75133
|
-
const alignmentAxis = getAlignmentAxis(placement);
|
|
75134
|
-
const length = getAxisLength(alignmentAxis);
|
|
75135
|
-
let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
|
|
75136
|
-
if (rects.reference[length] > rects.floating[length]) {
|
|
75137
|
-
mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
|
|
75138
|
-
}
|
|
75139
|
-
return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
|
|
75140
|
-
}
|
|
75141
|
-
function getExpandedPlacements(placement) {
|
|
75142
|
-
const oppositePlacement = getOppositePlacement(placement);
|
|
75143
|
-
return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
|
|
75144
|
-
}
|
|
75145
|
-
function getOppositeAlignmentPlacement(placement) {
|
|
75146
|
-
return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
|
|
75147
|
-
}
|
|
75148
|
-
function getSideList(side, isStart, rtl) {
|
|
75149
|
-
const lr = ['left', 'right'];
|
|
75150
|
-
const rl = ['right', 'left'];
|
|
75151
|
-
const tb = ['top', 'bottom'];
|
|
75152
|
-
const bt = ['bottom', 'top'];
|
|
75153
|
-
switch (side) {
|
|
75154
|
-
case 'top':
|
|
75155
|
-
case 'bottom':
|
|
75156
|
-
if (rtl) return isStart ? rl : lr;
|
|
75157
|
-
return isStart ? lr : rl;
|
|
75158
|
-
case 'left':
|
|
75159
|
-
case 'right':
|
|
75160
|
-
return isStart ? tb : bt;
|
|
75161
|
-
default:
|
|
75162
|
-
return [];
|
|
75163
|
-
}
|
|
75164
|
-
}
|
|
75165
|
-
function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
|
|
75166
|
-
const alignment = getAlignment(placement);
|
|
75167
|
-
let list = getSideList(getSide(placement), direction === 'start', rtl);
|
|
75168
|
-
if (alignment) {
|
|
75169
|
-
list = list.map(side => side + "-" + alignment);
|
|
75170
|
-
if (flipAlignment) {
|
|
75171
|
-
list = list.concat(list.map(getOppositeAlignmentPlacement));
|
|
75172
|
-
}
|
|
75173
|
-
}
|
|
75174
|
-
return list;
|
|
75175
|
-
}
|
|
75176
|
-
function getOppositePlacement(placement) {
|
|
75177
|
-
return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
|
|
75178
|
-
}
|
|
75179
|
-
function expandPaddingObject(padding) {
|
|
75180
|
-
return {
|
|
75181
|
-
top: 0,
|
|
75182
|
-
right: 0,
|
|
75183
|
-
bottom: 0,
|
|
75184
|
-
left: 0,
|
|
75185
|
-
...padding
|
|
75186
|
-
};
|
|
75187
|
-
}
|
|
75188
|
-
function getPaddingObject(padding) {
|
|
75189
|
-
return typeof padding !== 'number' ? expandPaddingObject(padding) : {
|
|
75190
|
-
top: padding,
|
|
75191
|
-
right: padding,
|
|
75192
|
-
bottom: padding,
|
|
75193
|
-
left: padding
|
|
75194
|
-
};
|
|
75195
|
-
}
|
|
75196
|
-
function rectToClientRect(rect) {
|
|
75197
|
-
return {
|
|
75198
|
-
...rect,
|
|
75199
|
-
top: rect.y,
|
|
75200
|
-
left: rect.x,
|
|
75201
|
-
right: rect.x + rect.width,
|
|
75202
|
-
bottom: rect.y + rect.height
|
|
75203
|
-
};
|
|
75204
|
-
}
|
|
75205
|
-
|
|
75206
|
-
function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
75207
|
-
let {
|
|
75208
|
-
reference,
|
|
75209
|
-
floating
|
|
75210
|
-
} = _ref;
|
|
75211
|
-
const sideAxis = getSideAxis(placement);
|
|
75212
|
-
const alignmentAxis = getAlignmentAxis(placement);
|
|
75213
|
-
const alignLength = getAxisLength(alignmentAxis);
|
|
75214
|
-
const side = getSide(placement);
|
|
75215
|
-
const isVertical = sideAxis === 'y';
|
|
75216
|
-
const commonX = reference.x + reference.width / 2 - floating.width / 2;
|
|
75217
|
-
const commonY = reference.y + reference.height / 2 - floating.height / 2;
|
|
75218
|
-
const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
|
|
75219
|
-
let coords;
|
|
75220
|
-
switch (side) {
|
|
75221
|
-
case 'top':
|
|
75222
|
-
coords = {
|
|
75223
|
-
x: commonX,
|
|
75224
|
-
y: reference.y - floating.height
|
|
75225
|
-
};
|
|
75226
|
-
break;
|
|
75227
|
-
case 'bottom':
|
|
75228
|
-
coords = {
|
|
75229
|
-
x: commonX,
|
|
75230
|
-
y: reference.y + reference.height
|
|
75231
|
-
};
|
|
75232
|
-
break;
|
|
75233
|
-
case 'right':
|
|
75234
|
-
coords = {
|
|
75235
|
-
x: reference.x + reference.width,
|
|
75236
|
-
y: commonY
|
|
75237
|
-
};
|
|
75238
|
-
break;
|
|
75239
|
-
case 'left':
|
|
75240
|
-
coords = {
|
|
75241
|
-
x: reference.x - floating.width,
|
|
75242
|
-
y: commonY
|
|
75243
|
-
};
|
|
75244
|
-
break;
|
|
75245
|
-
default:
|
|
75246
|
-
coords = {
|
|
75247
|
-
x: reference.x,
|
|
75248
|
-
y: reference.y
|
|
75249
|
-
};
|
|
75250
|
-
}
|
|
75251
|
-
switch (getAlignment(placement)) {
|
|
75252
|
-
case 'start':
|
|
75253
|
-
coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
|
|
75254
|
-
break;
|
|
75255
|
-
case 'end':
|
|
75256
|
-
coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
|
|
75257
|
-
break;
|
|
75258
|
-
}
|
|
75259
|
-
return coords;
|
|
75260
|
-
}
|
|
75261
|
-
|
|
75262
|
-
/**
|
|
75263
|
-
* Computes the `x` and `y` coordinates that will place the floating element
|
|
75264
|
-
* next to a reference element when it is given a certain positioning strategy.
|
|
75265
|
-
*
|
|
75266
|
-
* This export does not have any `platform` interface logic. You will need to
|
|
75267
|
-
* write one for the platform you are using Floating UI with.
|
|
75268
|
-
*/
|
|
75269
|
-
const computePosition$1 = async (reference, floating, config) => {
|
|
75270
|
-
const {
|
|
75271
|
-
placement = 'bottom',
|
|
75272
|
-
strategy = 'absolute',
|
|
75273
|
-
middleware = [],
|
|
75274
|
-
platform
|
|
75275
|
-
} = config;
|
|
75276
|
-
const validMiddleware = middleware.filter(Boolean);
|
|
75277
|
-
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
|
|
75278
|
-
let rects = await platform.getElementRects({
|
|
75279
|
-
reference,
|
|
75280
|
-
floating,
|
|
75281
|
-
strategy
|
|
75282
|
-
});
|
|
75283
|
-
let {
|
|
75284
|
-
x,
|
|
75285
|
-
y
|
|
75286
|
-
} = computeCoordsFromPlacement(rects, placement, rtl);
|
|
75287
|
-
let statefulPlacement = placement;
|
|
75288
|
-
let middlewareData = {};
|
|
75289
|
-
let resetCount = 0;
|
|
75290
|
-
for (let i = 0; i < validMiddleware.length; i++) {
|
|
75291
|
-
const {
|
|
75292
|
-
name,
|
|
75293
|
-
fn
|
|
75294
|
-
} = validMiddleware[i];
|
|
75295
|
-
const {
|
|
75296
|
-
x: nextX,
|
|
75297
|
-
y: nextY,
|
|
75298
|
-
data,
|
|
75299
|
-
reset
|
|
75300
|
-
} = await fn({
|
|
75301
|
-
x,
|
|
75302
|
-
y,
|
|
75303
|
-
initialPlacement: placement,
|
|
75304
|
-
placement: statefulPlacement,
|
|
75305
|
-
strategy,
|
|
75306
|
-
middlewareData,
|
|
75307
|
-
rects,
|
|
75308
|
-
platform,
|
|
75309
|
-
elements: {
|
|
75310
|
-
reference,
|
|
75311
|
-
floating
|
|
75312
|
-
}
|
|
75313
|
-
});
|
|
75314
|
-
x = nextX != null ? nextX : x;
|
|
75315
|
-
y = nextY != null ? nextY : y;
|
|
75316
|
-
middlewareData = {
|
|
75317
|
-
...middlewareData,
|
|
75318
|
-
[name]: {
|
|
75319
|
-
...middlewareData[name],
|
|
75320
|
-
...data
|
|
75321
|
-
}
|
|
75322
|
-
};
|
|
75323
|
-
if (reset && resetCount <= 50) {
|
|
75324
|
-
resetCount++;
|
|
75325
|
-
if (typeof reset === 'object') {
|
|
75326
|
-
if (reset.placement) {
|
|
75327
|
-
statefulPlacement = reset.placement;
|
|
75328
|
-
}
|
|
75329
|
-
if (reset.rects) {
|
|
75330
|
-
rects = reset.rects === true ? await platform.getElementRects({
|
|
75331
|
-
reference,
|
|
75332
|
-
floating,
|
|
75333
|
-
strategy
|
|
75334
|
-
}) : reset.rects;
|
|
75335
|
-
}
|
|
75336
|
-
({
|
|
75337
|
-
x,
|
|
75338
|
-
y
|
|
75339
|
-
} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
|
|
75340
|
-
}
|
|
75341
|
-
i = -1;
|
|
75342
|
-
continue;
|
|
75343
|
-
}
|
|
75344
|
-
}
|
|
75345
|
-
return {
|
|
75346
|
-
x,
|
|
75347
|
-
y,
|
|
75348
|
-
placement: statefulPlacement,
|
|
75349
|
-
strategy,
|
|
75350
|
-
middlewareData
|
|
75351
|
-
};
|
|
75352
|
-
};
|
|
75353
|
-
|
|
75354
|
-
/**
|
|
75355
|
-
* Resolves with an object of overflow side offsets that determine how much the
|
|
75356
|
-
* element is overflowing a given clipping boundary on each side.
|
|
75357
|
-
* - positive = overflowing the boundary by that number of pixels
|
|
75358
|
-
* - negative = how many pixels left before it will overflow
|
|
75359
|
-
* - 0 = lies flush with the boundary
|
|
75360
|
-
* @see https://floating-ui.com/docs/detectOverflow
|
|
75361
|
-
*/
|
|
75362
|
-
async function detectOverflow(state, options) {
|
|
75363
|
-
var _await$platform$isEle;
|
|
75364
|
-
if (options === void 0) {
|
|
75365
|
-
options = {};
|
|
75366
|
-
}
|
|
75367
|
-
const {
|
|
75368
|
-
x,
|
|
75369
|
-
y,
|
|
75370
|
-
platform,
|
|
75371
|
-
rects,
|
|
75372
|
-
elements,
|
|
75373
|
-
strategy
|
|
75374
|
-
} = state;
|
|
75375
|
-
const {
|
|
75376
|
-
boundary = 'clippingAncestors',
|
|
75377
|
-
rootBoundary = 'viewport',
|
|
75378
|
-
elementContext = 'floating',
|
|
75379
|
-
altBoundary = false,
|
|
75380
|
-
padding = 0
|
|
75381
|
-
} = evaluate(options, state);
|
|
75382
|
-
const paddingObject = getPaddingObject(padding);
|
|
75383
|
-
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
75384
|
-
const element = elements[altBoundary ? altContext : elementContext];
|
|
75385
|
-
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
75386
|
-
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
75387
|
-
boundary,
|
|
75388
|
-
rootBoundary,
|
|
75389
|
-
strategy
|
|
75390
|
-
}));
|
|
75391
|
-
const rect = elementContext === 'floating' ? {
|
|
75392
|
-
...rects.floating,
|
|
75393
|
-
x,
|
|
75394
|
-
y
|
|
75395
|
-
} : rects.reference;
|
|
75396
|
-
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
75397
|
-
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
75398
|
-
x: 1,
|
|
75399
|
-
y: 1
|
|
75400
|
-
} : {
|
|
75401
|
-
x: 1,
|
|
75402
|
-
y: 1
|
|
75403
|
-
};
|
|
75404
|
-
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
75405
|
-
rect,
|
|
75406
|
-
offsetParent,
|
|
75407
|
-
strategy
|
|
75408
|
-
}) : rect);
|
|
75409
|
-
return {
|
|
75410
|
-
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
75411
|
-
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
75412
|
-
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
75413
|
-
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
75414
|
-
};
|
|
75415
|
-
}
|
|
75416
|
-
|
|
75417
|
-
/**
|
|
75418
|
-
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
75419
|
-
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
75420
|
-
* clipping boundary. Alternative to `autoPlacement`.
|
|
75421
|
-
* @see https://floating-ui.com/docs/flip
|
|
75422
|
-
*/
|
|
75423
|
-
const flip$1 = function (options) {
|
|
75424
|
-
if (options === void 0) {
|
|
75425
|
-
options = {};
|
|
75426
|
-
}
|
|
75427
|
-
return {
|
|
75428
|
-
name: 'flip',
|
|
75429
|
-
options,
|
|
75430
|
-
async fn(state) {
|
|
75431
|
-
var _middlewareData$arrow, _middlewareData$flip;
|
|
75432
|
-
const {
|
|
75433
|
-
placement,
|
|
75434
|
-
middlewareData,
|
|
75435
|
-
rects,
|
|
75436
|
-
initialPlacement,
|
|
75437
|
-
platform,
|
|
75438
|
-
elements
|
|
75439
|
-
} = state;
|
|
75440
|
-
const {
|
|
75441
|
-
mainAxis: checkMainAxis = true,
|
|
75442
|
-
crossAxis: checkCrossAxis = true,
|
|
75443
|
-
fallbackPlacements: specifiedFallbackPlacements,
|
|
75444
|
-
fallbackStrategy = 'bestFit',
|
|
75445
|
-
fallbackAxisSideDirection = 'none',
|
|
75446
|
-
flipAlignment = true,
|
|
75447
|
-
...detectOverflowOptions
|
|
75448
|
-
} = evaluate(options, state);
|
|
75449
|
-
|
|
75450
|
-
// If a reset by the arrow was caused due to an alignment offset being
|
|
75451
|
-
// added, we should skip any logic now since `flip()` has already done its
|
|
75452
|
-
// work.
|
|
75453
|
-
// https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
|
|
75454
|
-
if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
75455
|
-
return {};
|
|
75456
|
-
}
|
|
75457
|
-
const side = getSide(placement);
|
|
75458
|
-
const isBasePlacement = getSide(initialPlacement) === initialPlacement;
|
|
75459
|
-
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
75460
|
-
const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
|
|
75461
|
-
if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
|
|
75462
|
-
fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
|
|
75463
|
-
}
|
|
75464
|
-
const placements = [initialPlacement, ...fallbackPlacements];
|
|
75465
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
75466
|
-
const overflows = [];
|
|
75467
|
-
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
75468
|
-
if (checkMainAxis) {
|
|
75469
|
-
overflows.push(overflow[side]);
|
|
75470
|
-
}
|
|
75471
|
-
if (checkCrossAxis) {
|
|
75472
|
-
const sides = getAlignmentSides(placement, rects, rtl);
|
|
75473
|
-
overflows.push(overflow[sides[0]], overflow[sides[1]]);
|
|
75474
|
-
}
|
|
75475
|
-
overflowsData = [...overflowsData, {
|
|
75476
|
-
placement,
|
|
75477
|
-
overflows
|
|
75478
|
-
}];
|
|
75479
|
-
|
|
75480
|
-
// One or more sides is overflowing.
|
|
75481
|
-
if (!overflows.every(side => side <= 0)) {
|
|
75482
|
-
var _middlewareData$flip2, _overflowsData$filter;
|
|
75483
|
-
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
75484
|
-
const nextPlacement = placements[nextIndex];
|
|
75485
|
-
if (nextPlacement) {
|
|
75486
|
-
// Try next placement and re-run the lifecycle.
|
|
75487
|
-
return {
|
|
75488
|
-
data: {
|
|
75489
|
-
index: nextIndex,
|
|
75490
|
-
overflows: overflowsData
|
|
75491
|
-
},
|
|
75492
|
-
reset: {
|
|
75493
|
-
placement: nextPlacement
|
|
75494
|
-
}
|
|
75495
|
-
};
|
|
75496
|
-
}
|
|
75497
|
-
|
|
75498
|
-
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
75499
|
-
// then find the placement that fits the best on the main crossAxis side.
|
|
75500
|
-
let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
|
|
75501
|
-
|
|
75502
|
-
// Otherwise fallback.
|
|
75503
|
-
if (!resetPlacement) {
|
|
75504
|
-
switch (fallbackStrategy) {
|
|
75505
|
-
case 'bestFit':
|
|
75506
|
-
{
|
|
75507
|
-
var _overflowsData$map$so;
|
|
75508
|
-
const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
|
|
75509
|
-
if (placement) {
|
|
75510
|
-
resetPlacement = placement;
|
|
75511
|
-
}
|
|
75512
|
-
break;
|
|
75513
|
-
}
|
|
75514
|
-
case 'initialPlacement':
|
|
75515
|
-
resetPlacement = initialPlacement;
|
|
75516
|
-
break;
|
|
75517
|
-
}
|
|
75518
|
-
}
|
|
75519
|
-
if (placement !== resetPlacement) {
|
|
75520
|
-
return {
|
|
75521
|
-
reset: {
|
|
75522
|
-
placement: resetPlacement
|
|
75523
|
-
}
|
|
75524
|
-
};
|
|
75525
|
-
}
|
|
75526
|
-
}
|
|
75527
|
-
return {};
|
|
75528
|
-
}
|
|
75529
|
-
};
|
|
75530
|
-
};
|
|
75531
|
-
|
|
75532
|
-
// For type backwards-compatibility, the `OffsetOptions` type was also
|
|
75533
|
-
// Derivable.
|
|
75534
|
-
async function convertValueToCoords(state, options) {
|
|
75535
|
-
const {
|
|
75536
|
-
placement,
|
|
75537
|
-
platform,
|
|
75538
|
-
elements
|
|
75539
|
-
} = state;
|
|
75540
|
-
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
75541
|
-
const side = getSide(placement);
|
|
75542
|
-
const alignment = getAlignment(placement);
|
|
75543
|
-
const isVertical = getSideAxis(placement) === 'y';
|
|
75544
|
-
const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
|
|
75545
|
-
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
75546
|
-
const rawValue = evaluate(options, state);
|
|
75547
|
-
|
|
75548
|
-
// eslint-disable-next-line prefer-const
|
|
75549
|
-
let {
|
|
75550
|
-
mainAxis,
|
|
75551
|
-
crossAxis,
|
|
75552
|
-
alignmentAxis
|
|
75553
|
-
} = typeof rawValue === 'number' ? {
|
|
75554
|
-
mainAxis: rawValue,
|
|
75555
|
-
crossAxis: 0,
|
|
75556
|
-
alignmentAxis: null
|
|
75557
|
-
} : {
|
|
75558
|
-
mainAxis: 0,
|
|
75559
|
-
crossAxis: 0,
|
|
75560
|
-
alignmentAxis: null,
|
|
75561
|
-
...rawValue
|
|
75562
|
-
};
|
|
75563
|
-
if (alignment && typeof alignmentAxis === 'number') {
|
|
75564
|
-
crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
|
|
75565
|
-
}
|
|
75566
|
-
return isVertical ? {
|
|
75567
|
-
x: crossAxis * crossAxisMulti,
|
|
75568
|
-
y: mainAxis * mainAxisMulti
|
|
75569
|
-
} : {
|
|
75570
|
-
x: mainAxis * mainAxisMulti,
|
|
75571
|
-
y: crossAxis * crossAxisMulti
|
|
75572
|
-
};
|
|
75573
|
-
}
|
|
75574
|
-
|
|
75575
|
-
/**
|
|
75576
|
-
* Modifies the placement by translating the floating element along the
|
|
75577
|
-
* specified axes.
|
|
75578
|
-
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
75579
|
-
* object may be passed.
|
|
75580
|
-
* @see https://floating-ui.com/docs/offset
|
|
75581
|
-
*/
|
|
75582
|
-
const offset$1 = function (options) {
|
|
75583
|
-
if (options === void 0) {
|
|
75584
|
-
options = 0;
|
|
75585
|
-
}
|
|
75586
|
-
return {
|
|
75587
|
-
name: 'offset',
|
|
75588
|
-
options,
|
|
75589
|
-
async fn(state) {
|
|
75590
|
-
const {
|
|
75591
|
-
x,
|
|
75592
|
-
y
|
|
75593
|
-
} = state;
|
|
75594
|
-
const diffCoords = await convertValueToCoords(state, options);
|
|
75595
|
-
return {
|
|
75596
|
-
x: x + diffCoords.x,
|
|
75597
|
-
y: y + diffCoords.y,
|
|
75598
|
-
data: diffCoords
|
|
75599
|
-
};
|
|
75600
|
-
}
|
|
75601
|
-
};
|
|
75602
|
-
};
|
|
75603
|
-
|
|
75604
|
-
/**
|
|
75605
|
-
* Optimizes the visibility of the floating element by shifting it in order to
|
|
75606
|
-
* keep it in view when it will overflow the clipping boundary.
|
|
75607
|
-
* @see https://floating-ui.com/docs/shift
|
|
75608
|
-
*/
|
|
75609
|
-
const shift$1 = function (options) {
|
|
75610
|
-
if (options === void 0) {
|
|
75611
|
-
options = {};
|
|
75612
|
-
}
|
|
75613
|
-
return {
|
|
75614
|
-
name: 'shift',
|
|
75615
|
-
options,
|
|
75616
|
-
async fn(state) {
|
|
75617
|
-
const {
|
|
75618
|
-
x,
|
|
75619
|
-
y,
|
|
75620
|
-
placement
|
|
75621
|
-
} = state;
|
|
75622
|
-
const {
|
|
75623
|
-
mainAxis: checkMainAxis = true,
|
|
75624
|
-
crossAxis: checkCrossAxis = false,
|
|
75625
|
-
limiter = {
|
|
75626
|
-
fn: _ref => {
|
|
75627
|
-
let {
|
|
75628
|
-
x,
|
|
75629
|
-
y
|
|
75630
|
-
} = _ref;
|
|
75631
|
-
return {
|
|
75632
|
-
x,
|
|
75633
|
-
y
|
|
75634
|
-
};
|
|
75635
|
-
}
|
|
75636
|
-
},
|
|
75637
|
-
...detectOverflowOptions
|
|
75638
|
-
} = evaluate(options, state);
|
|
75639
|
-
const coords = {
|
|
75640
|
-
x,
|
|
75641
|
-
y
|
|
75642
|
-
};
|
|
75643
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
75644
|
-
const crossAxis = getSideAxis(getSide(placement));
|
|
75645
|
-
const mainAxis = getOppositeAxis(crossAxis);
|
|
75646
|
-
let mainAxisCoord = coords[mainAxis];
|
|
75647
|
-
let crossAxisCoord = coords[crossAxis];
|
|
75648
|
-
if (checkMainAxis) {
|
|
75649
|
-
const minSide = mainAxis === 'y' ? 'top' : 'left';
|
|
75650
|
-
const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
|
|
75651
|
-
const min = mainAxisCoord + overflow[minSide];
|
|
75652
|
-
const max = mainAxisCoord - overflow[maxSide];
|
|
75653
|
-
mainAxisCoord = clamp(min, mainAxisCoord, max);
|
|
75654
|
-
}
|
|
75655
|
-
if (checkCrossAxis) {
|
|
75656
|
-
const minSide = crossAxis === 'y' ? 'top' : 'left';
|
|
75657
|
-
const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
|
|
75658
|
-
const min = crossAxisCoord + overflow[minSide];
|
|
75659
|
-
const max = crossAxisCoord - overflow[maxSide];
|
|
75660
|
-
crossAxisCoord = clamp(min, crossAxisCoord, max);
|
|
75661
|
-
}
|
|
75662
|
-
const limitedCoords = limiter.fn({
|
|
75663
|
-
...state,
|
|
75664
|
-
[mainAxis]: mainAxisCoord,
|
|
75665
|
-
[crossAxis]: crossAxisCoord
|
|
75666
|
-
});
|
|
75667
|
-
return {
|
|
75668
|
-
...limitedCoords,
|
|
75669
|
-
data: {
|
|
75670
|
-
x: limitedCoords.x - x,
|
|
75671
|
-
y: limitedCoords.y - y
|
|
75672
|
-
}
|
|
75673
|
-
};
|
|
75674
|
-
}
|
|
75675
|
-
};
|
|
75676
|
-
};
|
|
75677
|
-
|
|
75678
|
-
/**
|
|
75679
|
-
* Provides data that allows you to change the size of the floating element —
|
|
75680
|
-
* for instance, prevent it from overflowing the clipping boundary or match the
|
|
75681
|
-
* width of the reference element.
|
|
75682
|
-
* @see https://floating-ui.com/docs/size
|
|
75683
|
-
*/
|
|
75684
|
-
const size$1 = function (options) {
|
|
75685
|
-
if (options === void 0) {
|
|
75686
|
-
options = {};
|
|
75687
|
-
}
|
|
75688
|
-
return {
|
|
75689
|
-
name: 'size',
|
|
75690
|
-
options,
|
|
75691
|
-
async fn(state) {
|
|
75692
|
-
const {
|
|
75693
|
-
placement,
|
|
75694
|
-
rects,
|
|
75695
|
-
platform,
|
|
75696
|
-
elements
|
|
75697
|
-
} = state;
|
|
75698
|
-
const {
|
|
75699
|
-
apply = () => {},
|
|
75700
|
-
...detectOverflowOptions
|
|
75701
|
-
} = evaluate(options, state);
|
|
75702
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
75703
|
-
const side = getSide(placement);
|
|
75704
|
-
const alignment = getAlignment(placement);
|
|
75705
|
-
const isYAxis = getSideAxis(placement) === 'y';
|
|
75706
|
-
const {
|
|
75707
|
-
width,
|
|
75708
|
-
height
|
|
75709
|
-
} = rects.floating;
|
|
75710
|
-
let heightSide;
|
|
75711
|
-
let widthSide;
|
|
75712
|
-
if (side === 'top' || side === 'bottom') {
|
|
75713
|
-
heightSide = side;
|
|
75714
|
-
widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
|
|
75715
|
-
} else {
|
|
75716
|
-
widthSide = side;
|
|
75717
|
-
heightSide = alignment === 'end' ? 'top' : 'bottom';
|
|
75718
|
-
}
|
|
75719
|
-
const overflowAvailableHeight = height - overflow[heightSide];
|
|
75720
|
-
const overflowAvailableWidth = width - overflow[widthSide];
|
|
75721
|
-
const noShift = !state.middlewareData.shift;
|
|
75722
|
-
let availableHeight = overflowAvailableHeight;
|
|
75723
|
-
let availableWidth = overflowAvailableWidth;
|
|
75724
|
-
if (isYAxis) {
|
|
75725
|
-
const maximumClippingWidth = width - overflow.left - overflow.right;
|
|
75726
|
-
availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
|
|
75727
|
-
} else {
|
|
75728
|
-
const maximumClippingHeight = height - overflow.top - overflow.bottom;
|
|
75729
|
-
availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
|
|
75730
|
-
}
|
|
75731
|
-
if (noShift && !alignment) {
|
|
75732
|
-
const xMin = max(overflow.left, 0);
|
|
75733
|
-
const xMax = max(overflow.right, 0);
|
|
75734
|
-
const yMin = max(overflow.top, 0);
|
|
75735
|
-
const yMax = max(overflow.bottom, 0);
|
|
75736
|
-
if (isYAxis) {
|
|
75737
|
-
availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
|
|
75738
|
-
} else {
|
|
75739
|
-
availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
|
|
75740
|
-
}
|
|
75741
|
-
}
|
|
75742
|
-
await apply({
|
|
75743
|
-
...state,
|
|
75744
|
-
availableWidth,
|
|
75745
|
-
availableHeight
|
|
75746
|
-
});
|
|
75747
|
-
const nextDimensions = await platform.getDimensions(elements.floating);
|
|
75748
|
-
if (width !== nextDimensions.width || height !== nextDimensions.height) {
|
|
75749
|
-
return {
|
|
75750
|
-
reset: {
|
|
75751
|
-
rects: true
|
|
75752
|
-
}
|
|
75753
|
-
};
|
|
75754
|
-
}
|
|
75755
|
-
return {};
|
|
75756
|
-
}
|
|
75757
|
-
};
|
|
75758
|
-
};
|
|
75759
|
-
|
|
75760
|
-
function getNodeName(node) {
|
|
75761
|
-
if (isNode(node)) {
|
|
75762
|
-
return (node.nodeName || '').toLowerCase();
|
|
75763
|
-
}
|
|
75764
|
-
// Mocked nodes in testing environments may not be instances of Node. By
|
|
75765
|
-
// returning `#document` an infinite loop won't occur.
|
|
75766
|
-
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
75767
|
-
return '#document';
|
|
75768
|
-
}
|
|
75769
|
-
function getWindow(node) {
|
|
75770
|
-
var _node$ownerDocument;
|
|
75771
|
-
return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
75772
|
-
}
|
|
75773
|
-
function getDocumentElement(node) {
|
|
75774
|
-
var _ref;
|
|
75775
|
-
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
|
|
75776
|
-
}
|
|
75777
|
-
function isNode(value) {
|
|
75778
|
-
return value instanceof Node || value instanceof getWindow(value).Node;
|
|
75779
|
-
}
|
|
75780
|
-
function isElement(value) {
|
|
75781
|
-
return value instanceof Element || value instanceof getWindow(value).Element;
|
|
75782
|
-
}
|
|
75783
|
-
function isHTMLElement(value) {
|
|
75784
|
-
return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
|
|
75785
|
-
}
|
|
75786
|
-
function isShadowRoot(value) {
|
|
75787
|
-
// Browsers without `ShadowRoot` support.
|
|
75788
|
-
if (typeof ShadowRoot === 'undefined') {
|
|
75789
|
-
return false;
|
|
75790
|
-
}
|
|
75791
|
-
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
75792
|
-
}
|
|
75793
|
-
function isOverflowElement(element) {
|
|
75794
|
-
const {
|
|
75795
|
-
overflow,
|
|
75796
|
-
overflowX,
|
|
75797
|
-
overflowY,
|
|
75798
|
-
display
|
|
75799
|
-
} = getComputedStyle$1(element);
|
|
75800
|
-
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
|
|
75801
|
-
}
|
|
75802
|
-
function isTableElement(element) {
|
|
75803
|
-
return ['table', 'td', 'th'].includes(getNodeName(element));
|
|
75804
|
-
}
|
|
75805
|
-
function isContainingBlock(element) {
|
|
75806
|
-
const webkit = isWebKit();
|
|
75807
|
-
const css = getComputedStyle$1(element);
|
|
74268
|
+
var i$4=Object.defineProperty;var d$5=(t,e,n)=>e in t?i$4(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r$3=(t,e,n)=>(d$5(t,typeof e!="symbol"?e+"":e,n),n);let o$6 = class o{constructor(){r$3(this,"current",this.detect());r$3(this,"handoffState","pending");r$3(this,"currentId",0);}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e);}reset(){this.set(this.detect());}nextId(){return ++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window=="undefined"||typeof document=="undefined"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete");}get isHandoffComplete(){return this.handoffState==="complete"}};let s$9=new o$6;
|
|
75808
74269
|
|
|
75809
|
-
|
|
75810
|
-
return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
|
|
75811
|
-
}
|
|
75812
|
-
function getContainingBlock(element) {
|
|
75813
|
-
let currentNode = getParentNode(element);
|
|
75814
|
-
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
75815
|
-
if (isContainingBlock(currentNode)) {
|
|
75816
|
-
return currentNode;
|
|
75817
|
-
} else {
|
|
75818
|
-
currentNode = getParentNode(currentNode);
|
|
75819
|
-
}
|
|
75820
|
-
}
|
|
75821
|
-
return null;
|
|
75822
|
-
}
|
|
75823
|
-
function isWebKit() {
|
|
75824
|
-
if (typeof CSS === 'undefined' || !CSS.supports) return false;
|
|
75825
|
-
return CSS.supports('-webkit-backdrop-filter', 'none');
|
|
75826
|
-
}
|
|
75827
|
-
function isLastTraversableNode(node) {
|
|
75828
|
-
return ['html', 'body', '#document'].includes(getNodeName(node));
|
|
75829
|
-
}
|
|
75830
|
-
function getComputedStyle$1(element) {
|
|
75831
|
-
return getWindow(element).getComputedStyle(element);
|
|
75832
|
-
}
|
|
75833
|
-
function getNodeScroll(element) {
|
|
75834
|
-
if (isElement(element)) {
|
|
75835
|
-
return {
|
|
75836
|
-
scrollLeft: element.scrollLeft,
|
|
75837
|
-
scrollTop: element.scrollTop
|
|
75838
|
-
};
|
|
75839
|
-
}
|
|
75840
|
-
return {
|
|
75841
|
-
scrollLeft: element.pageXOffset,
|
|
75842
|
-
scrollTop: element.pageYOffset
|
|
75843
|
-
};
|
|
75844
|
-
}
|
|
75845
|
-
function getParentNode(node) {
|
|
75846
|
-
if (getNodeName(node) === 'html') {
|
|
75847
|
-
return node;
|
|
75848
|
-
}
|
|
75849
|
-
const result =
|
|
75850
|
-
// Step into the shadow DOM of the parent of a slotted node.
|
|
75851
|
-
node.assignedSlot ||
|
|
75852
|
-
// DOM Element detected.
|
|
75853
|
-
node.parentNode ||
|
|
75854
|
-
// ShadowRoot detected.
|
|
75855
|
-
isShadowRoot(node) && node.host ||
|
|
75856
|
-
// Fallback.
|
|
75857
|
-
getDocumentElement(node);
|
|
75858
|
-
return isShadowRoot(result) ? result.host : result;
|
|
75859
|
-
}
|
|
75860
|
-
function getNearestOverflowAncestor(node) {
|
|
75861
|
-
const parentNode = getParentNode(node);
|
|
75862
|
-
if (isLastTraversableNode(parentNode)) {
|
|
75863
|
-
return node.ownerDocument ? node.ownerDocument.body : node.body;
|
|
75864
|
-
}
|
|
75865
|
-
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
75866
|
-
return parentNode;
|
|
75867
|
-
}
|
|
75868
|
-
return getNearestOverflowAncestor(parentNode);
|
|
75869
|
-
}
|
|
75870
|
-
function getOverflowAncestors(node, list, traverseIframes) {
|
|
75871
|
-
var _node$ownerDocument2;
|
|
75872
|
-
if (list === void 0) {
|
|
75873
|
-
list = [];
|
|
75874
|
-
}
|
|
75875
|
-
if (traverseIframes === void 0) {
|
|
75876
|
-
traverseIframes = true;
|
|
75877
|
-
}
|
|
75878
|
-
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
75879
|
-
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
75880
|
-
const win = getWindow(scrollableAncestor);
|
|
75881
|
-
if (isBody) {
|
|
75882
|
-
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
|
|
75883
|
-
}
|
|
75884
|
-
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
|
|
75885
|
-
}
|
|
74270
|
+
let l$5=(e,f)=>{s$9.isServer?useEffect(e,f):useLayoutEffect(e,f);};
|
|
75886
74271
|
|
|
75887
|
-
function
|
|
75888
|
-
const css = getComputedStyle$1(element);
|
|
75889
|
-
// In testing environments, the `width` and `height` properties are empty
|
|
75890
|
-
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
75891
|
-
let width = parseFloat(css.width) || 0;
|
|
75892
|
-
let height = parseFloat(css.height) || 0;
|
|
75893
|
-
const hasOffset = isHTMLElement(element);
|
|
75894
|
-
const offsetWidth = hasOffset ? element.offsetWidth : width;
|
|
75895
|
-
const offsetHeight = hasOffset ? element.offsetHeight : height;
|
|
75896
|
-
const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
|
|
75897
|
-
if (shouldFallback) {
|
|
75898
|
-
width = offsetWidth;
|
|
75899
|
-
height = offsetHeight;
|
|
75900
|
-
}
|
|
75901
|
-
return {
|
|
75902
|
-
width,
|
|
75903
|
-
height,
|
|
75904
|
-
$: shouldFallback
|
|
75905
|
-
};
|
|
75906
|
-
}
|
|
75907
|
-
|
|
75908
|
-
function unwrapElement(element) {
|
|
75909
|
-
return !isElement(element) ? element.contextElement : element;
|
|
75910
|
-
}
|
|
75911
|
-
|
|
75912
|
-
function getScale(element) {
|
|
75913
|
-
const domElement = unwrapElement(element);
|
|
75914
|
-
if (!isHTMLElement(domElement)) {
|
|
75915
|
-
return createCoords(1);
|
|
75916
|
-
}
|
|
75917
|
-
const rect = domElement.getBoundingClientRect();
|
|
75918
|
-
const {
|
|
75919
|
-
width,
|
|
75920
|
-
height,
|
|
75921
|
-
$
|
|
75922
|
-
} = getCssDimensions(domElement);
|
|
75923
|
-
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
75924
|
-
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
75925
|
-
|
|
75926
|
-
// 0, NaN, or Infinity should always fallback to 1.
|
|
75927
|
-
|
|
75928
|
-
if (!x || !Number.isFinite(x)) {
|
|
75929
|
-
x = 1;
|
|
75930
|
-
}
|
|
75931
|
-
if (!y || !Number.isFinite(y)) {
|
|
75932
|
-
y = 1;
|
|
75933
|
-
}
|
|
75934
|
-
return {
|
|
75935
|
-
x,
|
|
75936
|
-
y
|
|
75937
|
-
};
|
|
75938
|
-
}
|
|
75939
|
-
|
|
75940
|
-
const noOffsets = /*#__PURE__*/createCoords(0);
|
|
75941
|
-
function getVisualOffsets(element) {
|
|
75942
|
-
const win = getWindow(element);
|
|
75943
|
-
if (!isWebKit() || !win.visualViewport) {
|
|
75944
|
-
return noOffsets;
|
|
75945
|
-
}
|
|
75946
|
-
return {
|
|
75947
|
-
x: win.visualViewport.offsetLeft,
|
|
75948
|
-
y: win.visualViewport.offsetTop
|
|
75949
|
-
};
|
|
75950
|
-
}
|
|
75951
|
-
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
75952
|
-
if (isFixed === void 0) {
|
|
75953
|
-
isFixed = false;
|
|
75954
|
-
}
|
|
75955
|
-
if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
|
|
75956
|
-
return false;
|
|
75957
|
-
}
|
|
75958
|
-
return isFixed;
|
|
75959
|
-
}
|
|
74272
|
+
function s$8(e){let r=useRef(e);return l$5(()=>{r.current=e;},[e]),r}
|
|
75960
74273
|
|
|
75961
|
-
function
|
|
75962
|
-
if (includeScale === void 0) {
|
|
75963
|
-
includeScale = false;
|
|
75964
|
-
}
|
|
75965
|
-
if (isFixedStrategy === void 0) {
|
|
75966
|
-
isFixedStrategy = false;
|
|
75967
|
-
}
|
|
75968
|
-
const clientRect = element.getBoundingClientRect();
|
|
75969
|
-
const domElement = unwrapElement(element);
|
|
75970
|
-
let scale = createCoords(1);
|
|
75971
|
-
if (includeScale) {
|
|
75972
|
-
if (offsetParent) {
|
|
75973
|
-
if (isElement(offsetParent)) {
|
|
75974
|
-
scale = getScale(offsetParent);
|
|
75975
|
-
}
|
|
75976
|
-
} else {
|
|
75977
|
-
scale = getScale(element);
|
|
75978
|
-
}
|
|
75979
|
-
}
|
|
75980
|
-
const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
|
|
75981
|
-
let x = (clientRect.left + visualOffsets.x) / scale.x;
|
|
75982
|
-
let y = (clientRect.top + visualOffsets.y) / scale.y;
|
|
75983
|
-
let width = clientRect.width / scale.x;
|
|
75984
|
-
let height = clientRect.height / scale.y;
|
|
75985
|
-
if (domElement) {
|
|
75986
|
-
const win = getWindow(domElement);
|
|
75987
|
-
const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
|
|
75988
|
-
let currentIFrame = win.frameElement;
|
|
75989
|
-
while (currentIFrame && offsetParent && offsetWin !== win) {
|
|
75990
|
-
const iframeScale = getScale(currentIFrame);
|
|
75991
|
-
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
75992
|
-
const css = getComputedStyle$1(currentIFrame);
|
|
75993
|
-
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
75994
|
-
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
|
|
75995
|
-
x *= iframeScale.x;
|
|
75996
|
-
y *= iframeScale.y;
|
|
75997
|
-
width *= iframeScale.x;
|
|
75998
|
-
height *= iframeScale.y;
|
|
75999
|
-
x += left;
|
|
76000
|
-
y += top;
|
|
76001
|
-
currentIFrame = getWindow(currentIFrame).frameElement;
|
|
76002
|
-
}
|
|
76003
|
-
}
|
|
76004
|
-
return rectToClientRect({
|
|
76005
|
-
width,
|
|
76006
|
-
height,
|
|
76007
|
-
x,
|
|
76008
|
-
y
|
|
76009
|
-
});
|
|
76010
|
-
}
|
|
74274
|
+
let o$5=function(t){let e=s$8(t);return React__default.useCallback((...r)=>e.current(...r),[e])};
|
|
76011
74275
|
|
|
76012
|
-
function
|
|
76013
|
-
let {
|
|
76014
|
-
rect,
|
|
76015
|
-
offsetParent,
|
|
76016
|
-
strategy
|
|
76017
|
-
} = _ref;
|
|
76018
|
-
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
76019
|
-
const documentElement = getDocumentElement(offsetParent);
|
|
76020
|
-
if (offsetParent === documentElement) {
|
|
76021
|
-
return rect;
|
|
76022
|
-
}
|
|
76023
|
-
let scroll = {
|
|
76024
|
-
scrollLeft: 0,
|
|
76025
|
-
scrollTop: 0
|
|
76026
|
-
};
|
|
76027
|
-
let scale = createCoords(1);
|
|
76028
|
-
const offsets = createCoords(0);
|
|
76029
|
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
|
|
76030
|
-
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
76031
|
-
scroll = getNodeScroll(offsetParent);
|
|
76032
|
-
}
|
|
76033
|
-
if (isHTMLElement(offsetParent)) {
|
|
76034
|
-
const offsetRect = getBoundingClientRect(offsetParent);
|
|
76035
|
-
scale = getScale(offsetParent);
|
|
76036
|
-
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
76037
|
-
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
76038
|
-
}
|
|
76039
|
-
}
|
|
76040
|
-
return {
|
|
76041
|
-
width: rect.width * scale.x,
|
|
76042
|
-
height: rect.height * scale.y,
|
|
76043
|
-
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
|
|
76044
|
-
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
|
|
76045
|
-
};
|
|
76046
|
-
}
|
|
76047
|
-
|
|
76048
|
-
function getClientRects(element) {
|
|
76049
|
-
return Array.from(element.getClientRects());
|
|
76050
|
-
}
|
|
74276
|
+
function t$8(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(o=>setTimeout(()=>{throw o}));}
|
|
76051
74277
|
|
|
76052
|
-
function
|
|
76053
|
-
// If <html> has a CSS width greater than the viewport, then this will be
|
|
76054
|
-
// incorrect for RTL.
|
|
76055
|
-
return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
|
|
76056
|
-
}
|
|
74278
|
+
function o$4(){let n=[],r={addEventListener(e,t,s,a){return e.addEventListener(t,s,a),r.add(()=>e.removeEventListener(t,s,a))},requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add(()=>cancelAnimationFrame(t))},nextFrame(...e){return r.requestAnimationFrame(()=>r.requestAnimationFrame(...e))},setTimeout(...e){let t=setTimeout(...e);return r.add(()=>clearTimeout(t))},microTask(...e){let t={current:!0};return t$8(()=>{t.current&&e[0]();}),r.add(()=>{t.current=!1;})},style(e,t,s){let a=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:s}),this.add(()=>{Object.assign(e.style,{[t]:a});})},group(e){let t=o$4();return e(t),this.add(()=>t.dispose())},add(e){return n.push(e),()=>{let t=n.indexOf(e);if(t>=0)for(let s of n.splice(t,1))s();}},dispose(){for(let e of n.splice(0))e();}};return r}
|
|
76057
74279
|
|
|
76058
|
-
|
|
76059
|
-
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
76060
|
-
function getDocumentRect(element) {
|
|
76061
|
-
const html = getDocumentElement(element);
|
|
76062
|
-
const scroll = getNodeScroll(element);
|
|
76063
|
-
const body = element.ownerDocument.body;
|
|
76064
|
-
const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
|
|
76065
|
-
const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
76066
|
-
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
76067
|
-
const y = -scroll.scrollTop;
|
|
76068
|
-
if (getComputedStyle$1(body).direction === 'rtl') {
|
|
76069
|
-
x += max(html.clientWidth, body.clientWidth) - width;
|
|
76070
|
-
}
|
|
76071
|
-
return {
|
|
76072
|
-
width,
|
|
76073
|
-
height,
|
|
76074
|
-
x,
|
|
76075
|
-
y
|
|
76076
|
-
};
|
|
76077
|
-
}
|
|
76078
|
-
|
|
76079
|
-
function getViewportRect(element, strategy) {
|
|
76080
|
-
const win = getWindow(element);
|
|
76081
|
-
const html = getDocumentElement(element);
|
|
76082
|
-
const visualViewport = win.visualViewport;
|
|
76083
|
-
let width = html.clientWidth;
|
|
76084
|
-
let height = html.clientHeight;
|
|
76085
|
-
let x = 0;
|
|
76086
|
-
let y = 0;
|
|
76087
|
-
if (visualViewport) {
|
|
76088
|
-
width = visualViewport.width;
|
|
76089
|
-
height = visualViewport.height;
|
|
76090
|
-
const visualViewportBased = isWebKit();
|
|
76091
|
-
if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
|
|
76092
|
-
x = visualViewport.offsetLeft;
|
|
76093
|
-
y = visualViewport.offsetTop;
|
|
76094
|
-
}
|
|
76095
|
-
}
|
|
76096
|
-
return {
|
|
76097
|
-
width,
|
|
76098
|
-
height,
|
|
76099
|
-
x,
|
|
76100
|
-
y
|
|
76101
|
-
};
|
|
76102
|
-
}
|
|
76103
|
-
|
|
76104
|
-
// Returns the inner client rect, subtracting scrollbars if present.
|
|
76105
|
-
function getInnerBoundingClientRect(element, strategy) {
|
|
76106
|
-
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
76107
|
-
const top = clientRect.top + element.clientTop;
|
|
76108
|
-
const left = clientRect.left + element.clientLeft;
|
|
76109
|
-
const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
|
|
76110
|
-
const width = element.clientWidth * scale.x;
|
|
76111
|
-
const height = element.clientHeight * scale.y;
|
|
76112
|
-
const x = left * scale.x;
|
|
76113
|
-
const y = top * scale.y;
|
|
76114
|
-
return {
|
|
76115
|
-
width,
|
|
76116
|
-
height,
|
|
76117
|
-
x,
|
|
76118
|
-
y
|
|
76119
|
-
};
|
|
76120
|
-
}
|
|
76121
|
-
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
|
|
76122
|
-
let rect;
|
|
76123
|
-
if (clippingAncestor === 'viewport') {
|
|
76124
|
-
rect = getViewportRect(element, strategy);
|
|
76125
|
-
} else if (clippingAncestor === 'document') {
|
|
76126
|
-
rect = getDocumentRect(getDocumentElement(element));
|
|
76127
|
-
} else if (isElement(clippingAncestor)) {
|
|
76128
|
-
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
|
|
76129
|
-
} else {
|
|
76130
|
-
const visualOffsets = getVisualOffsets(element);
|
|
76131
|
-
rect = {
|
|
76132
|
-
...clippingAncestor,
|
|
76133
|
-
x: clippingAncestor.x - visualOffsets.x,
|
|
76134
|
-
y: clippingAncestor.y - visualOffsets.y
|
|
76135
|
-
};
|
|
76136
|
-
}
|
|
76137
|
-
return rectToClientRect(rect);
|
|
76138
|
-
}
|
|
76139
|
-
function hasFixedPositionAncestor(element, stopNode) {
|
|
76140
|
-
const parentNode = getParentNode(element);
|
|
76141
|
-
if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
|
|
76142
|
-
return false;
|
|
76143
|
-
}
|
|
76144
|
-
return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
|
|
76145
|
-
}
|
|
76146
|
-
|
|
76147
|
-
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
76148
|
-
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
76149
|
-
// of the given element up the tree.
|
|
76150
|
-
function getClippingElementAncestors(element, cache) {
|
|
76151
|
-
const cachedResult = cache.get(element);
|
|
76152
|
-
if (cachedResult) {
|
|
76153
|
-
return cachedResult;
|
|
76154
|
-
}
|
|
76155
|
-
let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
76156
|
-
let currentContainingBlockComputedStyle = null;
|
|
76157
|
-
const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
|
|
76158
|
-
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
76159
|
-
|
|
76160
|
-
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
76161
|
-
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
76162
|
-
const computedStyle = getComputedStyle$1(currentNode);
|
|
76163
|
-
const currentNodeIsContaining = isContainingBlock(currentNode);
|
|
76164
|
-
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
76165
|
-
currentContainingBlockComputedStyle = null;
|
|
76166
|
-
}
|
|
76167
|
-
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
|
|
76168
|
-
if (shouldDropCurrentNode) {
|
|
76169
|
-
// Drop non-containing blocks.
|
|
76170
|
-
result = result.filter(ancestor => ancestor !== currentNode);
|
|
76171
|
-
} else {
|
|
76172
|
-
// Record last containing block for next iteration.
|
|
76173
|
-
currentContainingBlockComputedStyle = computedStyle;
|
|
76174
|
-
}
|
|
76175
|
-
currentNode = getParentNode(currentNode);
|
|
76176
|
-
}
|
|
76177
|
-
cache.set(element, result);
|
|
76178
|
-
return result;
|
|
76179
|
-
}
|
|
76180
|
-
|
|
76181
|
-
// Gets the maximum area that the element is visible in due to any number of
|
|
76182
|
-
// clipping ancestors.
|
|
76183
|
-
function getClippingRect(_ref) {
|
|
76184
|
-
let {
|
|
76185
|
-
element,
|
|
76186
|
-
boundary,
|
|
76187
|
-
rootBoundary,
|
|
76188
|
-
strategy
|
|
76189
|
-
} = _ref;
|
|
76190
|
-
const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
76191
|
-
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
76192
|
-
const firstClippingAncestor = clippingAncestors[0];
|
|
76193
|
-
const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
|
|
76194
|
-
const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
|
|
76195
|
-
accRect.top = max(rect.top, accRect.top);
|
|
76196
|
-
accRect.right = min(rect.right, accRect.right);
|
|
76197
|
-
accRect.bottom = min(rect.bottom, accRect.bottom);
|
|
76198
|
-
accRect.left = max(rect.left, accRect.left);
|
|
76199
|
-
return accRect;
|
|
76200
|
-
}, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
|
|
76201
|
-
return {
|
|
76202
|
-
width: clippingRect.right - clippingRect.left,
|
|
76203
|
-
height: clippingRect.bottom - clippingRect.top,
|
|
76204
|
-
x: clippingRect.left,
|
|
76205
|
-
y: clippingRect.top
|
|
76206
|
-
};
|
|
76207
|
-
}
|
|
76208
|
-
|
|
76209
|
-
function getDimensions(element) {
|
|
76210
|
-
return getCssDimensions(element);
|
|
76211
|
-
}
|
|
76212
|
-
|
|
76213
|
-
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
76214
|
-
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
76215
|
-
const documentElement = getDocumentElement(offsetParent);
|
|
76216
|
-
const isFixed = strategy === 'fixed';
|
|
76217
|
-
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
|
|
76218
|
-
let scroll = {
|
|
76219
|
-
scrollLeft: 0,
|
|
76220
|
-
scrollTop: 0
|
|
76221
|
-
};
|
|
76222
|
-
const offsets = createCoords(0);
|
|
76223
|
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
76224
|
-
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
76225
|
-
scroll = getNodeScroll(offsetParent);
|
|
76226
|
-
}
|
|
76227
|
-
if (isOffsetParentAnElement) {
|
|
76228
|
-
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
|
|
76229
|
-
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
76230
|
-
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
76231
|
-
} else if (documentElement) {
|
|
76232
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
76233
|
-
}
|
|
76234
|
-
}
|
|
76235
|
-
return {
|
|
76236
|
-
x: rect.left + scroll.scrollLeft - offsets.x,
|
|
76237
|
-
y: rect.top + scroll.scrollTop - offsets.y,
|
|
76238
|
-
width: rect.width,
|
|
76239
|
-
height: rect.height
|
|
76240
|
-
};
|
|
76241
|
-
}
|
|
76242
|
-
|
|
76243
|
-
function getTrueOffsetParent(element, polyfill) {
|
|
76244
|
-
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
76245
|
-
return null;
|
|
76246
|
-
}
|
|
76247
|
-
if (polyfill) {
|
|
76248
|
-
return polyfill(element);
|
|
76249
|
-
}
|
|
76250
|
-
return element.offsetParent;
|
|
76251
|
-
}
|
|
74280
|
+
function p$3(){let[e]=useState(o$4);return useEffect(()=>()=>e.dispose(),[e]),e}
|
|
76252
74281
|
|
|
76253
|
-
|
|
76254
|
-
// such as table ancestors and cross browser bugs.
|
|
76255
|
-
function getOffsetParent(element, polyfill) {
|
|
76256
|
-
const window = getWindow(element);
|
|
76257
|
-
if (!isHTMLElement(element)) {
|
|
76258
|
-
return window;
|
|
76259
|
-
}
|
|
76260
|
-
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
76261
|
-
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
|
|
76262
|
-
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
76263
|
-
}
|
|
76264
|
-
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
|
|
76265
|
-
return window;
|
|
76266
|
-
}
|
|
76267
|
-
return offsetParent || getContainingBlock(element) || window;
|
|
76268
|
-
}
|
|
74282
|
+
function s$7(){let r=typeof document=="undefined";return "useSyncExternalStore"in React?(o=>o.useSyncExternalStore)(React)(()=>()=>{},()=>!1,()=>!r):!1}function l$4(){let r=s$7(),[e,n]=React.useState(s$9.isHandoffComplete);return e&&s$9.isHandoffComplete===!1&&n(!1),React.useEffect(()=>{e!==!0&&n(!0);},[e]),React.useEffect(()=>s$9.handoff(),[]),r?!1:e}
|
|
76269
74283
|
|
|
76270
|
-
|
|
76271
|
-
let {
|
|
76272
|
-
reference,
|
|
76273
|
-
floating,
|
|
76274
|
-
strategy
|
|
76275
|
-
} = _ref;
|
|
76276
|
-
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
76277
|
-
const getDimensionsFn = this.getDimensions;
|
|
76278
|
-
return {
|
|
76279
|
-
reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
|
|
76280
|
-
floating: {
|
|
76281
|
-
x: 0,
|
|
76282
|
-
y: 0,
|
|
76283
|
-
...(await getDimensionsFn(floating))
|
|
76284
|
-
}
|
|
76285
|
-
};
|
|
76286
|
-
};
|
|
74284
|
+
var o$3;let I$6=(o$3=React__default.useId)!=null?o$3:function(){let n=l$4(),[e,u]=React__default.useState(n?()=>s$9.nextId():null);return l$5(()=>{e===null&&u(s$9.nextId());},[e]),e!=null?""+e:void 0};
|
|
76287
74285
|
|
|
76288
|
-
function
|
|
76289
|
-
return getComputedStyle$1(element).direction === 'rtl';
|
|
76290
|
-
}
|
|
74286
|
+
function u$7(r,n,...a){if(r in n){let e=n[r];return typeof e=="function"?e(...a):e}let t=new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map(e=>`"${e}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,u$7),t}
|
|
76291
74287
|
|
|
76292
|
-
|
|
76293
|
-
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
76294
|
-
getDocumentElement,
|
|
76295
|
-
getClippingRect,
|
|
76296
|
-
getOffsetParent,
|
|
76297
|
-
getElementRects,
|
|
76298
|
-
getClientRects,
|
|
76299
|
-
getDimensions,
|
|
76300
|
-
getScale,
|
|
76301
|
-
isElement,
|
|
76302
|
-
isRTL
|
|
76303
|
-
};
|
|
74288
|
+
function o$2(r){return s$9.isServer?null:r instanceof Node?r.ownerDocument:r!=null&&r.hasOwnProperty("current")&&r.current instanceof Node?r.current.ownerDocument:document}
|
|
76304
74289
|
|
|
76305
|
-
|
|
76306
|
-
function observeMove(element, onMove) {
|
|
76307
|
-
let io = null;
|
|
76308
|
-
let timeoutId;
|
|
76309
|
-
const root = getDocumentElement(element);
|
|
76310
|
-
function cleanup() {
|
|
76311
|
-
clearTimeout(timeoutId);
|
|
76312
|
-
io && io.disconnect();
|
|
76313
|
-
io = null;
|
|
76314
|
-
}
|
|
76315
|
-
function refresh(skip, threshold) {
|
|
76316
|
-
if (skip === void 0) {
|
|
76317
|
-
skip = false;
|
|
76318
|
-
}
|
|
76319
|
-
if (threshold === void 0) {
|
|
76320
|
-
threshold = 1;
|
|
76321
|
-
}
|
|
76322
|
-
cleanup();
|
|
76323
|
-
const {
|
|
76324
|
-
left,
|
|
76325
|
-
top,
|
|
76326
|
-
width,
|
|
76327
|
-
height
|
|
76328
|
-
} = element.getBoundingClientRect();
|
|
76329
|
-
if (!skip) {
|
|
76330
|
-
onMove();
|
|
76331
|
-
}
|
|
76332
|
-
if (!width || !height) {
|
|
76333
|
-
return;
|
|
76334
|
-
}
|
|
76335
|
-
const insetTop = floor(top);
|
|
76336
|
-
const insetRight = floor(root.clientWidth - (left + width));
|
|
76337
|
-
const insetBottom = floor(root.clientHeight - (top + height));
|
|
76338
|
-
const insetLeft = floor(left);
|
|
76339
|
-
const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
|
|
76340
|
-
const options = {
|
|
76341
|
-
rootMargin,
|
|
76342
|
-
threshold: max(0, min(1, threshold)) || 1
|
|
76343
|
-
};
|
|
76344
|
-
let isFirstUpdate = true;
|
|
76345
|
-
function handleObserve(entries) {
|
|
76346
|
-
const ratio = entries[0].intersectionRatio;
|
|
76347
|
-
if (ratio !== threshold) {
|
|
76348
|
-
if (!isFirstUpdate) {
|
|
76349
|
-
return refresh();
|
|
76350
|
-
}
|
|
76351
|
-
if (!ratio) {
|
|
76352
|
-
timeoutId = setTimeout(() => {
|
|
76353
|
-
refresh(false, 1e-7);
|
|
76354
|
-
}, 100);
|
|
76355
|
-
} else {
|
|
76356
|
-
refresh(false, ratio);
|
|
76357
|
-
}
|
|
76358
|
-
}
|
|
76359
|
-
isFirstUpdate = false;
|
|
76360
|
-
}
|
|
74290
|
+
let c$5=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var M$3=(n=>(n[n.First=1]="First",n[n.Previous=2]="Previous",n[n.Next=4]="Next",n[n.Last=8]="Last",n[n.WrapAround=16]="WrapAround",n[n.NoScroll=32]="NoScroll",n))(M$3||{}),N$2=(o=>(o[o.Error=0]="Error",o[o.Overflow=1]="Overflow",o[o.Success=2]="Success",o[o.Underflow=3]="Underflow",o))(N$2||{}),F$4=(t=>(t[t.Previous=-1]="Previous",t[t.Next=1]="Next",t))(F$4||{});function f$5(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(c$5)).sort((r,t)=>Math.sign((r.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}var T$2=(t=>(t[t.Strict=0]="Strict",t[t.Loose=1]="Loose",t))(T$2||{});function h$2(e,r=0){var t;return e===((t=o$2(e))==null?void 0:t.body)?!1:u$7(r,{[0](){return e.matches(c$5)},[1](){let l=e;for(;l!==null;){if(l.matches(c$5))return !0;l=l.parentElement;}return !1}})}function D$3(e){let r=o$2(e);o$4().nextFrame(()=>{r&&!h$2(r.activeElement,0)&&y$3(e);});}var w$2=(t=>(t[t.Keyboard=0]="Keyboard",t[t.Mouse=1]="Mouse",t))(w$2||{});typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="");},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="");},!0));function y$3(e){e==null||e.focus({preventScroll:!0});}let S$5=["textarea","input"].join(",");function H(e){var r,t;return (t=(r=e==null?void 0:e.matches)==null?void 0:r.call(e,S$5))!=null?t:!1}function I$5(e,r=t=>t){return e.slice().sort((t,l)=>{let o=r(t),i=r(l);if(o===null||i===null)return 0;let n=o.compareDocumentPosition(i);return n&Node.DOCUMENT_POSITION_FOLLOWING?-1:n&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function _$3(e,r){return O$1(f$5(),r,{relativeTo:e})}function O$1(e,r,{sorted:t=!0,relativeTo:l=null,skipElements:o=[]}={}){let i=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,n=Array.isArray(e)?t?I$5(e):e:f$5(e);o.length>0&&n.length>1&&(n=n.filter(s=>!o.includes(s))),l=l!=null?l:i.activeElement;let E=(()=>{if(r&5)return 1;if(r&10)return -1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),x=(()=>{if(r&1)return 0;if(r&2)return Math.max(0,n.indexOf(l))-1;if(r&4)return Math.max(0,n.indexOf(l))+1;if(r&8)return n.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),p=r&32?{preventScroll:!0}:{},d=0,a=n.length,u;do{if(d>=a||d+a<=0)return 0;let s=x+d;if(r&16)s=(s+a)%a;else {if(s<0)return 3;if(s>=a)return 1}u=n[s],u==null||u.focus(p),d+=E;}while(u!==i.activeElement);return r&6&&H(u)&&u.select(),2}
|
|
76361
74291
|
|
|
76362
|
-
|
|
76363
|
-
// error.
|
|
76364
|
-
try {
|
|
76365
|
-
io = new IntersectionObserver(handleObserve, {
|
|
76366
|
-
...options,
|
|
76367
|
-
// Handle <iframe>s
|
|
76368
|
-
root: root.ownerDocument
|
|
76369
|
-
});
|
|
76370
|
-
} catch (e) {
|
|
76371
|
-
io = new IntersectionObserver(handleObserve, options);
|
|
76372
|
-
}
|
|
76373
|
-
io.observe(element);
|
|
76374
|
-
}
|
|
76375
|
-
refresh(true);
|
|
76376
|
-
return cleanup;
|
|
76377
|
-
}
|
|
74292
|
+
function t$7(){return /iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function i$3(){return /Android/gi.test(window.navigator.userAgent)}function n$3(){return t$7()||i$3()}
|
|
76378
74293
|
|
|
76379
|
-
|
|
76380
|
-
* Automatically updates the position of the floating element when necessary.
|
|
76381
|
-
* Should only be called when the floating element is mounted on the DOM or
|
|
76382
|
-
* visible on the screen.
|
|
76383
|
-
* @returns cleanup function that should be invoked when the floating element is
|
|
76384
|
-
* removed from the DOM or hidden from the screen.
|
|
76385
|
-
* @see https://floating-ui.com/docs/autoUpdate
|
|
76386
|
-
*/
|
|
76387
|
-
function autoUpdate(reference, floating, update, options) {
|
|
76388
|
-
if (options === void 0) {
|
|
76389
|
-
options = {};
|
|
76390
|
-
}
|
|
76391
|
-
const {
|
|
76392
|
-
ancestorScroll = true,
|
|
76393
|
-
ancestorResize = true,
|
|
76394
|
-
elementResize = typeof ResizeObserver === 'function',
|
|
76395
|
-
layoutShift = typeof IntersectionObserver === 'function',
|
|
76396
|
-
animationFrame = false
|
|
76397
|
-
} = options;
|
|
76398
|
-
const referenceEl = unwrapElement(reference);
|
|
76399
|
-
const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
|
|
76400
|
-
ancestors.forEach(ancestor => {
|
|
76401
|
-
ancestorScroll && ancestor.addEventListener('scroll', update, {
|
|
76402
|
-
passive: true
|
|
76403
|
-
});
|
|
76404
|
-
ancestorResize && ancestor.addEventListener('resize', update);
|
|
76405
|
-
});
|
|
76406
|
-
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
|
|
76407
|
-
let reobserveFrame = -1;
|
|
76408
|
-
let resizeObserver = null;
|
|
76409
|
-
if (elementResize) {
|
|
76410
|
-
resizeObserver = new ResizeObserver(_ref => {
|
|
76411
|
-
let [firstEntry] = _ref;
|
|
76412
|
-
if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
|
|
76413
|
-
// Prevent update loops when using the `size` middleware.
|
|
76414
|
-
// https://github.com/floating-ui/floating-ui/issues/1740
|
|
76415
|
-
resizeObserver.unobserve(floating);
|
|
76416
|
-
cancelAnimationFrame(reobserveFrame);
|
|
76417
|
-
reobserveFrame = requestAnimationFrame(() => {
|
|
76418
|
-
resizeObserver && resizeObserver.observe(floating);
|
|
76419
|
-
});
|
|
76420
|
-
}
|
|
76421
|
-
update();
|
|
76422
|
-
});
|
|
76423
|
-
if (referenceEl && !animationFrame) {
|
|
76424
|
-
resizeObserver.observe(referenceEl);
|
|
76425
|
-
}
|
|
76426
|
-
resizeObserver.observe(floating);
|
|
76427
|
-
}
|
|
76428
|
-
let frameId;
|
|
76429
|
-
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
|
|
76430
|
-
if (animationFrame) {
|
|
76431
|
-
frameLoop();
|
|
76432
|
-
}
|
|
76433
|
-
function frameLoop() {
|
|
76434
|
-
const nextRefRect = getBoundingClientRect(reference);
|
|
76435
|
-
if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
|
|
76436
|
-
update();
|
|
76437
|
-
}
|
|
76438
|
-
prevRefRect = nextRefRect;
|
|
76439
|
-
frameId = requestAnimationFrame(frameLoop);
|
|
76440
|
-
}
|
|
76441
|
-
update();
|
|
76442
|
-
return () => {
|
|
76443
|
-
ancestors.forEach(ancestor => {
|
|
76444
|
-
ancestorScroll && ancestor.removeEventListener('scroll', update);
|
|
76445
|
-
ancestorResize && ancestor.removeEventListener('resize', update);
|
|
76446
|
-
});
|
|
76447
|
-
cleanupIo && cleanupIo();
|
|
76448
|
-
resizeObserver && resizeObserver.disconnect();
|
|
76449
|
-
resizeObserver = null;
|
|
76450
|
-
if (animationFrame) {
|
|
76451
|
-
cancelAnimationFrame(frameId);
|
|
76452
|
-
}
|
|
76453
|
-
};
|
|
76454
|
-
}
|
|
74294
|
+
function d$4(e,r,n){let o=s$8(r);useEffect(()=>{function t(u){o.current(u);}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)},[e,n]);}
|
|
76455
74295
|
|
|
76456
|
-
|
|
76457
|
-
* Computes the `x` and `y` coordinates that will place the floating element
|
|
76458
|
-
* next to a reference element when it is given a certain CSS positioning
|
|
76459
|
-
* strategy.
|
|
76460
|
-
*/
|
|
76461
|
-
const computePosition = (reference, floating, options) => {
|
|
76462
|
-
// This caches the expensive `getClippingElementAncestors` function so that
|
|
76463
|
-
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
76464
|
-
// single call. If other functions become expensive, we can add them as well.
|
|
76465
|
-
const cache = new Map();
|
|
76466
|
-
const mergedOptions = {
|
|
76467
|
-
platform,
|
|
76468
|
-
...options
|
|
76469
|
-
};
|
|
76470
|
-
const platformWithCache = {
|
|
76471
|
-
...mergedOptions.platform,
|
|
76472
|
-
_c: cache
|
|
76473
|
-
};
|
|
76474
|
-
return computePosition$1(reference, floating, {
|
|
76475
|
-
...mergedOptions,
|
|
76476
|
-
platform: platformWithCache
|
|
76477
|
-
});
|
|
76478
|
-
};
|
|
74296
|
+
function s$6(e,r,n){let o=s$8(r);useEffect(()=>{function t(i){o.current(i);}return window.addEventListener(e,t,n),()=>window.removeEventListener(e,t,n)},[e,n]);}
|
|
76479
74297
|
|
|
76480
|
-
|
|
74298
|
+
function y$2(s,m,a=!0){let i=useRef(!1);useEffect(()=>{requestAnimationFrame(()=>{i.current=a;});},[a]);function c(e,r){if(!i.current||e.defaultPrevented)return;let t=r(e);if(t===null||!t.getRootNode().contains(t)||!t.isConnected)return;let E=function u(n){return typeof n=="function"?u(n()):Array.isArray(n)||n instanceof Set?n:[n]}(s);for(let u of E){if(u===null)continue;let n=u instanceof HTMLElement?u:u.current;if(n!=null&&n.contains(t)||e.composed&&e.composedPath().includes(n))return}return !h$2(t,T$2.Loose)&&t.tabIndex!==-1&&e.preventDefault(),m(e,t)}let o=useRef(null);d$4("pointerdown",e=>{var r,t;i.current&&(o.current=((t=(r=e.composedPath)==null?void 0:r.call(e))==null?void 0:t[0])||e.target);},!0),d$4("mousedown",e=>{var r,t;i.current&&(o.current=((t=(r=e.composedPath)==null?void 0:r.call(e))==null?void 0:t[0])||e.target);},!0),d$4("click",e=>{n$3()||o.current&&(c(e,()=>o.current),o.current=null);},!0),d$4("touchend",e=>c(e,()=>e.target instanceof HTMLElement?e.target:null),!0),s$6("blur",e=>c(e,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0);}
|
|
76481
74299
|
|
|
76482
|
-
|
|
76483
|
-
// functions
|
|
76484
|
-
function deepEqual(a, b) {
|
|
76485
|
-
if (a === b) {
|
|
76486
|
-
return true;
|
|
76487
|
-
}
|
|
76488
|
-
if (typeof a !== typeof b) {
|
|
76489
|
-
return false;
|
|
76490
|
-
}
|
|
76491
|
-
if (typeof a === 'function' && a.toString() === b.toString()) {
|
|
76492
|
-
return true;
|
|
76493
|
-
}
|
|
76494
|
-
let length;
|
|
76495
|
-
let i;
|
|
76496
|
-
let keys;
|
|
76497
|
-
if (a && b && typeof a === 'object') {
|
|
76498
|
-
if (Array.isArray(a)) {
|
|
76499
|
-
length = a.length;
|
|
76500
|
-
if (length !== b.length) return false;
|
|
76501
|
-
for (i = length; i-- !== 0;) {
|
|
76502
|
-
if (!deepEqual(a[i], b[i])) {
|
|
76503
|
-
return false;
|
|
76504
|
-
}
|
|
76505
|
-
}
|
|
76506
|
-
return true;
|
|
76507
|
-
}
|
|
76508
|
-
keys = Object.keys(a);
|
|
76509
|
-
length = keys.length;
|
|
76510
|
-
if (length !== Object.keys(b).length) {
|
|
76511
|
-
return false;
|
|
76512
|
-
}
|
|
76513
|
-
for (i = length; i-- !== 0;) {
|
|
76514
|
-
if (!{}.hasOwnProperty.call(b, keys[i])) {
|
|
76515
|
-
return false;
|
|
76516
|
-
}
|
|
76517
|
-
}
|
|
76518
|
-
for (i = length; i-- !== 0;) {
|
|
76519
|
-
const key = keys[i];
|
|
76520
|
-
if (key === '_owner' && a.$$typeof) {
|
|
76521
|
-
continue;
|
|
76522
|
-
}
|
|
76523
|
-
if (!deepEqual(a[key], b[key])) {
|
|
76524
|
-
return false;
|
|
76525
|
-
}
|
|
76526
|
-
}
|
|
76527
|
-
return true;
|
|
76528
|
-
}
|
|
76529
|
-
return a !== a && b !== b;
|
|
76530
|
-
}
|
|
74300
|
+
function n$2(...e){return useMemo(()=>o$2(...e),[...e])}
|
|
76531
74301
|
|
|
76532
|
-
function
|
|
76533
|
-
if (typeof window === 'undefined') {
|
|
76534
|
-
return 1;
|
|
76535
|
-
}
|
|
76536
|
-
const win = element.ownerDocument.defaultView || window;
|
|
76537
|
-
return win.devicePixelRatio || 1;
|
|
76538
|
-
}
|
|
74302
|
+
function i$2(t){var n;if(t.type)return t.type;let e=(n=t.as)!=null?n:"button";if(typeof e=="string"&&e.toLowerCase()==="button")return "button"}function T$1(t,e){let[n,u]=useState(()=>i$2(t));return l$5(()=>{u(i$2(t));},[t.type,t.as]),l$5(()=>{n||e.current&&e.current instanceof HTMLButtonElement&&!e.current.hasAttribute("type")&&u("button");},[n,e]),n}
|
|
76539
74303
|
|
|
76540
|
-
function
|
|
76541
|
-
const dpr = getDPR(element);
|
|
76542
|
-
return Math.round(value * dpr) / dpr;
|
|
76543
|
-
}
|
|
74304
|
+
let u$6=Symbol();function T(t,n=!0){return Object.assign(t,{[u$6]:n})}function y$1(...t){let n=useRef(t);useEffect(()=>{n.current=t;},[t]);let c=o$5(e=>{for(let o of n.current)o!=null&&(typeof o=="function"?o(e):o.current=e);});return t.every(e=>e==null||(e==null?void 0:e[u$6]))?void 0:c}
|
|
76544
74305
|
|
|
76545
|
-
function
|
|
76546
|
-
const ref = React.useRef(value);
|
|
76547
|
-
index$4(() => {
|
|
76548
|
-
ref.current = value;
|
|
76549
|
-
});
|
|
76550
|
-
return ref;
|
|
76551
|
-
}
|
|
74306
|
+
function t$6(e){return [e.screenX,e.screenY]}function u$5(){let e=useRef([-1,-1]);return {wasMoved(r){let n=t$6(r);return e.current[0]===n[0]&&e.current[1]===n[1]?!1:(e.current=n,!0)},update(r){e.current=t$6(r);}}}
|
|
76552
74307
|
|
|
76553
|
-
|
|
76554
|
-
* Provides data to position a floating element.
|
|
76555
|
-
* @see https://floating-ui.com/docs/useFloating
|
|
76556
|
-
*/
|
|
76557
|
-
function useFloating$1(options) {
|
|
76558
|
-
if (options === void 0) {
|
|
76559
|
-
options = {};
|
|
76560
|
-
}
|
|
76561
|
-
const {
|
|
76562
|
-
placement = 'bottom',
|
|
76563
|
-
strategy = 'absolute',
|
|
76564
|
-
middleware = [],
|
|
76565
|
-
platform,
|
|
76566
|
-
elements: {
|
|
76567
|
-
reference: externalReference,
|
|
76568
|
-
floating: externalFloating
|
|
76569
|
-
} = {},
|
|
76570
|
-
transform = true,
|
|
76571
|
-
whileElementsMounted,
|
|
76572
|
-
open
|
|
76573
|
-
} = options;
|
|
76574
|
-
const [data, setData] = React.useState({
|
|
76575
|
-
x: 0,
|
|
76576
|
-
y: 0,
|
|
76577
|
-
strategy,
|
|
76578
|
-
placement,
|
|
76579
|
-
middlewareData: {},
|
|
76580
|
-
isPositioned: false
|
|
76581
|
-
});
|
|
76582
|
-
const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
|
|
76583
|
-
if (!deepEqual(latestMiddleware, middleware)) {
|
|
76584
|
-
setLatestMiddleware(middleware);
|
|
76585
|
-
}
|
|
76586
|
-
const [_reference, _setReference] = React.useState(null);
|
|
76587
|
-
const [_floating, _setFloating] = React.useState(null);
|
|
76588
|
-
const setReference = React.useCallback(node => {
|
|
76589
|
-
if (node !== referenceRef.current) {
|
|
76590
|
-
referenceRef.current = node;
|
|
76591
|
-
_setReference(node);
|
|
76592
|
-
}
|
|
76593
|
-
}, []);
|
|
76594
|
-
const setFloating = React.useCallback(node => {
|
|
76595
|
-
if (node !== floatingRef.current) {
|
|
76596
|
-
floatingRef.current = node;
|
|
76597
|
-
_setFloating(node);
|
|
76598
|
-
}
|
|
76599
|
-
}, []);
|
|
76600
|
-
const referenceEl = externalReference || _reference;
|
|
76601
|
-
const floatingEl = externalFloating || _floating;
|
|
76602
|
-
const referenceRef = React.useRef(null);
|
|
76603
|
-
const floatingRef = React.useRef(null);
|
|
76604
|
-
const dataRef = React.useRef(data);
|
|
76605
|
-
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
76606
|
-
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
76607
|
-
const platformRef = useLatestRef(platform);
|
|
76608
|
-
const update = React.useCallback(() => {
|
|
76609
|
-
if (!referenceRef.current || !floatingRef.current) {
|
|
76610
|
-
return;
|
|
76611
|
-
}
|
|
76612
|
-
const config = {
|
|
76613
|
-
placement,
|
|
76614
|
-
strategy,
|
|
76615
|
-
middleware: latestMiddleware
|
|
76616
|
-
};
|
|
76617
|
-
if (platformRef.current) {
|
|
76618
|
-
config.platform = platformRef.current;
|
|
76619
|
-
}
|
|
76620
|
-
computePosition(referenceRef.current, floatingRef.current, config).then(data => {
|
|
76621
|
-
const fullData = {
|
|
76622
|
-
...data,
|
|
76623
|
-
isPositioned: true
|
|
76624
|
-
};
|
|
76625
|
-
if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
|
|
76626
|
-
dataRef.current = fullData;
|
|
76627
|
-
reactDomExports.flushSync(() => {
|
|
76628
|
-
setData(fullData);
|
|
76629
|
-
});
|
|
76630
|
-
}
|
|
76631
|
-
});
|
|
76632
|
-
}, [latestMiddleware, placement, strategy, platformRef]);
|
|
76633
|
-
index$4(() => {
|
|
76634
|
-
if (open === false && dataRef.current.isPositioned) {
|
|
76635
|
-
dataRef.current.isPositioned = false;
|
|
76636
|
-
setData(data => ({
|
|
76637
|
-
...data,
|
|
76638
|
-
isPositioned: false
|
|
76639
|
-
}));
|
|
76640
|
-
}
|
|
76641
|
-
}, [open]);
|
|
76642
|
-
const isMountedRef = React.useRef(false);
|
|
76643
|
-
index$4(() => {
|
|
76644
|
-
isMountedRef.current = true;
|
|
76645
|
-
return () => {
|
|
76646
|
-
isMountedRef.current = false;
|
|
76647
|
-
};
|
|
76648
|
-
}, []);
|
|
76649
|
-
index$4(() => {
|
|
76650
|
-
if (referenceEl) referenceRef.current = referenceEl;
|
|
76651
|
-
if (floatingEl) floatingRef.current = floatingEl;
|
|
76652
|
-
if (referenceEl && floatingEl) {
|
|
76653
|
-
if (whileElementsMountedRef.current) {
|
|
76654
|
-
return whileElementsMountedRef.current(referenceEl, floatingEl, update);
|
|
76655
|
-
}
|
|
76656
|
-
update();
|
|
76657
|
-
}
|
|
76658
|
-
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
76659
|
-
const refs = React.useMemo(() => ({
|
|
76660
|
-
reference: referenceRef,
|
|
76661
|
-
floating: floatingRef,
|
|
76662
|
-
setReference,
|
|
76663
|
-
setFloating
|
|
76664
|
-
}), [setReference, setFloating]);
|
|
76665
|
-
const elements = React.useMemo(() => ({
|
|
76666
|
-
reference: referenceEl,
|
|
76667
|
-
floating: floatingEl
|
|
76668
|
-
}), [referenceEl, floatingEl]);
|
|
76669
|
-
const floatingStyles = React.useMemo(() => {
|
|
76670
|
-
const initialStyles = {
|
|
76671
|
-
position: strategy,
|
|
76672
|
-
left: 0,
|
|
76673
|
-
top: 0
|
|
76674
|
-
};
|
|
76675
|
-
if (!elements.floating) {
|
|
76676
|
-
return initialStyles;
|
|
76677
|
-
}
|
|
76678
|
-
const x = roundByDPR(elements.floating, data.x);
|
|
76679
|
-
const y = roundByDPR(elements.floating, data.y);
|
|
76680
|
-
if (transform) {
|
|
76681
|
-
return {
|
|
76682
|
-
...initialStyles,
|
|
76683
|
-
transform: "translate(" + x + "px, " + y + "px)",
|
|
76684
|
-
...(getDPR(elements.floating) >= 1.5 && {
|
|
76685
|
-
willChange: 'transform'
|
|
76686
|
-
})
|
|
76687
|
-
};
|
|
76688
|
-
}
|
|
76689
|
-
return {
|
|
76690
|
-
position: strategy,
|
|
76691
|
-
left: x,
|
|
76692
|
-
top: y
|
|
76693
|
-
};
|
|
76694
|
-
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
76695
|
-
return React.useMemo(() => ({
|
|
76696
|
-
...data,
|
|
76697
|
-
update,
|
|
76698
|
-
refs,
|
|
76699
|
-
elements,
|
|
76700
|
-
floatingStyles
|
|
76701
|
-
}), [data, update, refs, elements, floatingStyles]);
|
|
76702
|
-
}
|
|
74308
|
+
function F$3({container:e,accept:t,walk:r,enabled:c=!0}){let o=useRef(t),l=useRef(r);useEffect(()=>{o.current=t,l.current=r;},[t,r]),l$5(()=>{if(!e||!c)return;let n=o$2(e);if(!n)return;let f=o.current,p=l.current,d=Object.assign(i=>f(i),{acceptNode:f}),u=n.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,d,!1);for(;u.nextNode();)p(u.currentNode);},[e,c,o,l]);}
|
|
76703
74309
|
|
|
76704
|
-
|
|
76705
|
-
* Modifies the placement by translating the floating element along the
|
|
76706
|
-
* specified axes.
|
|
76707
|
-
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
76708
|
-
* object may be passed.
|
|
76709
|
-
* @see https://floating-ui.com/docs/offset
|
|
76710
|
-
*/
|
|
76711
|
-
const offset = (options, deps) => ({
|
|
76712
|
-
...offset$1(options),
|
|
76713
|
-
options: [options, deps]
|
|
76714
|
-
});
|
|
74310
|
+
function m$2(u,t){let e=useRef([]),r=o$5(u);useEffect(()=>{let o=[...e.current];for(let[n,a]of t.entries())if(e.current[n]!==a){let l=r(t,o);return e.current=t,l}},[r,...t]);}
|
|
76715
74311
|
|
|
76716
|
-
|
|
76717
|
-
* Optimizes the visibility of the floating element by shifting it in order to
|
|
76718
|
-
* keep it in view when it will overflow the clipping boundary.
|
|
76719
|
-
* @see https://floating-ui.com/docs/shift
|
|
76720
|
-
*/
|
|
76721
|
-
const shift = (options, deps) => ({
|
|
76722
|
-
...shift$1(options),
|
|
76723
|
-
options: [options, deps]
|
|
76724
|
-
});
|
|
74312
|
+
function t$5(...r){return Array.from(new Set(r.flatMap(n=>typeof n=="string"?n.split(" "):[]))).filter(Boolean).join(" ")}
|
|
76725
74313
|
|
|
76726
|
-
|
|
76727
|
-
|
|
76728
|
-
|
|
76729
|
-
|
|
76730
|
-
* @see https://floating-ui.com/docs/flip
|
|
76731
|
-
*/
|
|
76732
|
-
const flip = (options, deps) => ({
|
|
76733
|
-
...flip$1(options),
|
|
76734
|
-
options: [options, deps]
|
|
76735
|
-
});
|
|
74314
|
+
var O=(n=>(n[n.None=0]="None",n[n.RenderStrategy=1]="RenderStrategy",n[n.Static=2]="Static",n))(O||{}),v$2=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(v$2||{});function C$1({ourProps:r,theirProps:t,slot:e,defaultTag:n,features:o,visible:a=!0,name:f,mergeRefs:l}){l=l!=null?l:k;let s=R(t,r);if(a)return m$1(s,e,n,f,l);let y=o!=null?o:0;if(y&2){let{static:u=!1,...d}=s;if(u)return m$1(d,e,n,f,l)}if(y&1){let{unmount:u=!0,...d}=s;return u$7(u?0:1,{[0](){return null},[1](){return m$1({...d,hidden:!0,style:{display:"none"}},e,n,f,l)}})}return m$1(s,e,n,f,l)}function m$1(r,t={},e,n,o){let{as:a=e,children:f,refName:l="ref",...s}=F$2(r,["unmount","static"]),y=r.ref!==void 0?{[l]:r.ref}:{},u=typeof f=="function"?f(t):f;"className"in s&&s.className&&typeof s.className=="function"&&(s.className=s.className(t));let d={};if(t){let i=!1,c=[];for(let[T,p]of Object.entries(t))typeof p=="boolean"&&(i=!0),p===!0&&c.push(T);i&&(d["data-headlessui-state"]=c.join(" "));}if(a===Fragment&&Object.keys(x$1(s)).length>0){if(!isValidElement(u)||Array.isArray(u)&&u.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${n} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(s).map(p=>` - ${p}`).join(`
|
|
74315
|
+
`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(p=>` - ${p}`).join(`
|
|
74316
|
+
`)].join(`
|
|
74317
|
+
`));let i=u.props,c=typeof(i==null?void 0:i.className)=="function"?(...p)=>t$5(i==null?void 0:i.className(...p),s.className):t$5(i==null?void 0:i.className,s.className),T=c?{className:c}:{};return cloneElement(u,Object.assign({},R(u.props,x$1(F$2(s,["ref"]))),d,y,{ref:o(u.ref,y.ref)},T))}return createElement(a,Object.assign({},F$2(s,["ref"]),a!==Fragment&&y,a!==Fragment&&d),u)}function I$4(){let r=useRef([]),t=useCallback(e=>{for(let n of r.current)n!=null&&(typeof n=="function"?n(e):n.current=e);},[]);return (...e)=>{if(!e.every(n=>n==null))return r.current=e,t}}function k(...r){return r.every(t=>t==null)?void 0:t=>{for(let e of r)e!=null&&(typeof e=="function"?e(t):e.current=t);}}function R(...r){if(r.length===0)return {};if(r.length===1)return r[0];let t={},e={};for(let o of r)for(let a in o)a.startsWith("on")&&typeof o[a]=="function"?((e[a])!=null||(e[a]=[]),e[a].push(o[a])):t[a]=o[a];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(e).map(o=>[o,void 0])));for(let o in e)Object.assign(t,{[o](a,...f){let l=e[o];for(let s of l){if((a instanceof Event||(a==null?void 0:a.nativeEvent)instanceof Event)&&a.defaultPrevented)return;s(a,...f);}}});return t}function U$3(r){var t;return Object.assign(forwardRef(r),{displayName:(t=r.displayName)!=null?t:r.name})}function x$1(r){let t=Object.assign({},r);for(let e in t)t[e]===void 0&&delete t[e];return t}function F$2(r,t=[]){let e=Object.assign({},r);for(let n of t)n in e&&delete e[n];return e}
|
|
76736
74318
|
|
|
76737
|
-
|
|
76738
|
-
* Provides data that allows you to change the size of the floating element —
|
|
76739
|
-
* for instance, prevent it from overflowing the clipping boundary or match the
|
|
76740
|
-
* width of the reference element.
|
|
76741
|
-
* @see https://floating-ui.com/docs/size
|
|
76742
|
-
*/
|
|
76743
|
-
const size = (options, deps) => ({
|
|
76744
|
-
...size$1(options),
|
|
76745
|
-
options: [options, deps]
|
|
76746
|
-
});
|
|
74319
|
+
let p$2="div";var s$5=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(s$5||{});function l$3(d,o){var n;let{features:t=1,...e}=d,r={ref:o,"aria-hidden":(t&2)===2?!0:(n=e["aria-hidden"])!=null?n:void 0,hidden:(t&4)===4?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(t&4)===4&&(t&2)!==2&&{display:"none"}}};return C$1({ourProps:r,theirProps:e,slot:{},defaultTag:p$2,name:"Hidden"})}let u$4=U$3(l$3);
|
|
76747
74320
|
|
|
76748
|
-
|
|
76749
|
-
const SafeReact = {
|
|
76750
|
-
...React
|
|
76751
|
-
};
|
|
74321
|
+
let n$1=createContext(null);n$1.displayName="OpenClosedContext";var d$3=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(d$3||{});function u$3(){return useContext(n$1)}function s$4({value:o,children:r}){return React__default.createElement(n$1.Provider,{value:o},r)}
|
|
76752
74322
|
|
|
76753
|
-
|
|
76754
|
-
const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
|
|
76755
|
-
function useEffectEvent(callback) {
|
|
76756
|
-
const ref = React.useRef(() => {
|
|
76757
|
-
if (process.env.NODE_ENV !== "production") {
|
|
76758
|
-
throw new Error('Cannot call an event handler while rendering.');
|
|
76759
|
-
}
|
|
76760
|
-
});
|
|
76761
|
-
useSafeInsertionEffect(() => {
|
|
76762
|
-
ref.current = callback;
|
|
76763
|
-
});
|
|
76764
|
-
return React.useCallback(function () {
|
|
76765
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76766
|
-
args[_key] = arguments[_key];
|
|
76767
|
-
}
|
|
76768
|
-
return ref.current == null ? void 0 : ref.current(...args);
|
|
76769
|
-
}, []);
|
|
76770
|
-
}
|
|
74323
|
+
function t$4(n){function e(){document.readyState!=="loading"&&(n(),document.removeEventListener("DOMContentLoaded",e));}typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("DOMContentLoaded",e),e());}
|
|
76771
74324
|
|
|
76772
|
-
|
|
74325
|
+
let t$3=[];t$4(()=>{function e(n){n.target instanceof HTMLElement&&n.target!==document.body&&t$3[0]!==n.target&&(t$3.unshift(n.target),t$3=t$3.filter(r=>r!=null&&r.isConnected),t$3.splice(10));}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0});});
|
|
76773
74326
|
|
|
76774
|
-
let
|
|
76775
|
-
let count = 0;
|
|
76776
|
-
const genId = () => // Ensure the id is unique with multiple independent versions of Floating UI
|
|
76777
|
-
// on <React 18
|
|
76778
|
-
"floating-ui-" + Math.random().toString(36).slice(2, 6) + count++;
|
|
76779
|
-
function useFloatingId() {
|
|
76780
|
-
const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);
|
|
76781
|
-
index$3(() => {
|
|
76782
|
-
if (id == null) {
|
|
76783
|
-
setId(genId());
|
|
76784
|
-
}
|
|
76785
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
76786
|
-
}, []);
|
|
76787
|
-
React.useEffect(() => {
|
|
76788
|
-
serverHandoffComplete = true;
|
|
76789
|
-
}, []);
|
|
76790
|
-
return id;
|
|
76791
|
-
}
|
|
76792
|
-
const useReactId = SafeReact.useId;
|
|
74327
|
+
function r$2(n){let e=n.parentElement,l=null;for(;e&&!(e instanceof HTMLFieldSetElement);)e instanceof HTMLLegendElement&&(l=e),e=e.parentElement;let t=(e==null?void 0:e.getAttribute("disabled"))==="";return t&&i$1(l)?!1:t}function i$1(n){if(!n)return !1;let e=n.previousElementSibling;for(;e!==null;){if(e instanceof HTMLLegendElement)return !1;e=e.previousElementSibling;}return !0}
|
|
76793
74328
|
|
|
76794
|
-
|
|
76795
|
-
* Uses React 18's built-in `useId()` when available, or falls back to a
|
|
76796
|
-
* slightly less performant (requiring a double render) implementation for
|
|
76797
|
-
* earlier React versions.
|
|
76798
|
-
* @see https://floating-ui.com/docs/react-utils#useid
|
|
76799
|
-
*/
|
|
76800
|
-
const useId = useReactId || useFloatingId;
|
|
74329
|
+
function u$2(l){throw new Error("Unexpected object: "+l)}var c$4=(i=>(i[i.First=0]="First",i[i.Previous=1]="Previous",i[i.Next=2]="Next",i[i.Last=3]="Last",i[i.Specific=4]="Specific",i[i.Nothing=5]="Nothing",i))(c$4||{});function f$4(l,n){let t=n.resolveItems();if(t.length<=0)return null;let r=n.resolveActiveIndex(),s=r!=null?r:-1;switch(l.focus){case 0:{for(let e=0;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 1:{for(let e=s-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 2:{for(let e=s+1;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 3:{for(let e=t.length-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 4:{for(let e=0;e<t.length;++e)if(n.resolveId(t[e],e,t)===l.id)return e;return r}case 5:return null;default:u$2(l);}}
|
|
76801
74330
|
|
|
76802
|
-
|
|
76803
|
-
if (process.env.NODE_ENV !== "production") {
|
|
76804
|
-
devMessageSet = /*#__PURE__*/new Set();
|
|
76805
|
-
}
|
|
76806
|
-
function warn() {
|
|
76807
|
-
var _devMessageSet;
|
|
76808
|
-
for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76809
|
-
messages[_key] = arguments[_key];
|
|
76810
|
-
}
|
|
76811
|
-
const message = "Floating UI: " + messages.join(' ');
|
|
76812
|
-
if (!((_devMessageSet = devMessageSet) != null && _devMessageSet.has(message))) {
|
|
76813
|
-
var _devMessageSet2;
|
|
76814
|
-
(_devMessageSet2 = devMessageSet) == null || _devMessageSet2.add(message);
|
|
76815
|
-
console.warn(message);
|
|
76816
|
-
}
|
|
76817
|
-
}
|
|
76818
|
-
function error() {
|
|
76819
|
-
var _devMessageSet3;
|
|
76820
|
-
for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
76821
|
-
messages[_key2] = arguments[_key2];
|
|
76822
|
-
}
|
|
76823
|
-
const message = "Floating UI: " + messages.join(' ');
|
|
76824
|
-
if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {
|
|
76825
|
-
var _devMessageSet4;
|
|
76826
|
-
(_devMessageSet4 = devMessageSet) == null || _devMessageSet4.add(message);
|
|
76827
|
-
console.error(message);
|
|
76828
|
-
}
|
|
76829
|
-
}
|
|
74331
|
+
var o$1=(r=>(r.Space=" ",r.Enter="Enter",r.Escape="Escape",r.Backspace="Backspace",r.Delete="Delete",r.ArrowLeft="ArrowLeft",r.ArrowUp="ArrowUp",r.ArrowRight="ArrowRight",r.ArrowDown="ArrowDown",r.Home="Home",r.End="End",r.PageUp="PageUp",r.PageDown="PageDown",r.Tab="Tab",r))(o$1||{});
|
|
76830
74332
|
|
|
76831
|
-
function
|
|
76832
|
-
const map = new Map();
|
|
76833
|
-
return {
|
|
76834
|
-
emit(event, data) {
|
|
76835
|
-
var _map$get;
|
|
76836
|
-
(_map$get = map.get(event)) == null || _map$get.forEach(handler => handler(data));
|
|
76837
|
-
},
|
|
76838
|
-
on(event, listener) {
|
|
76839
|
-
map.set(event, [...(map.get(event) || []), listener]);
|
|
76840
|
-
},
|
|
76841
|
-
off(event, listener) {
|
|
76842
|
-
var _map$get2;
|
|
76843
|
-
map.set(event, ((_map$get2 = map.get(event)) == null ? void 0 : _map$get2.filter(l => l !== listener)) || []);
|
|
76844
|
-
}
|
|
76845
|
-
};
|
|
76846
|
-
}
|
|
74333
|
+
function E(n,e,a,t){let i=s$8(a);useEffect(()=>{n=n!=null?n:window;function r(o){i.current(o);}return n.addEventListener(e,r,t),()=>n.removeEventListener(e,r,t)},[n,e,t]);}
|
|
76847
74334
|
|
|
76848
|
-
|
|
76849
|
-
const FloatingTreeContext = /*#__PURE__*/React.createContext(null);
|
|
74335
|
+
function f$3(){let e=useRef(!1);return l$5(()=>(e.current=!0,()=>{e.current=!1;}),[]),e}
|
|
76850
74336
|
|
|
76851
|
-
|
|
76852
|
-
* Returns the parent node id for nested floating elements, if available.
|
|
76853
|
-
* Returns `null` for top-level floating elements.
|
|
76854
|
-
*/
|
|
76855
|
-
const useFloatingParentNodeId = () => {
|
|
76856
|
-
var _React$useContext;
|
|
76857
|
-
return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
|
|
76858
|
-
};
|
|
74337
|
+
function c$3(t){let r=o$5(t),e=useRef(!1);useEffect(()=>(e.current=!1,()=>{e.current=!0,t$8(()=>{e.current&&r();});}),[r]);}
|
|
76859
74338
|
|
|
76860
|
-
|
|
76861
|
-
* Returns the nearest floating tree context, if available.
|
|
76862
|
-
*/
|
|
76863
|
-
const useFloatingTree = () => React.useContext(FloatingTreeContext);
|
|
76864
|
-
|
|
76865
|
-
function useFloatingRootContext(options) {
|
|
76866
|
-
const {
|
|
76867
|
-
open = false,
|
|
76868
|
-
onOpenChange: onOpenChangeProp,
|
|
76869
|
-
elements: elementsProp
|
|
76870
|
-
} = options;
|
|
76871
|
-
const floatingId = useId();
|
|
76872
|
-
const dataRef = React.useRef({});
|
|
76873
|
-
const [events] = React.useState(() => createPubSub());
|
|
76874
|
-
const nested = useFloatingParentNodeId() != null;
|
|
76875
|
-
if (process.env.NODE_ENV !== "production") {
|
|
76876
|
-
const optionDomReference = elementsProp.reference;
|
|
76877
|
-
if (optionDomReference && !isElement$1(optionDomReference)) {
|
|
76878
|
-
error('Cannot pass a virtual element to the `elements.reference` option,', 'as it must be a real DOM element. Use `refs.setPositionReference()`', 'instead.');
|
|
76879
|
-
}
|
|
76880
|
-
}
|
|
76881
|
-
const [positionReference, setPositionReference] = React.useState(elementsProp.reference);
|
|
76882
|
-
const onOpenChange = useEffectEvent((open, event, reason) => {
|
|
76883
|
-
dataRef.current.openEvent = open ? event : undefined;
|
|
76884
|
-
events.emit('openchange', {
|
|
76885
|
-
open,
|
|
76886
|
-
event,
|
|
76887
|
-
reason,
|
|
76888
|
-
nested
|
|
76889
|
-
});
|
|
76890
|
-
onOpenChangeProp == null || onOpenChangeProp(open, event, reason);
|
|
76891
|
-
});
|
|
76892
|
-
const refs = React.useMemo(() => ({
|
|
76893
|
-
setPositionReference
|
|
76894
|
-
}), []);
|
|
76895
|
-
const elements = React.useMemo(() => ({
|
|
76896
|
-
reference: positionReference || elementsProp.reference || null,
|
|
76897
|
-
floating: elementsProp.floating || null,
|
|
76898
|
-
domReference: elementsProp.reference
|
|
76899
|
-
}), [positionReference, elementsProp.reference, elementsProp.floating]);
|
|
76900
|
-
return React.useMemo(() => ({
|
|
76901
|
-
dataRef,
|
|
76902
|
-
open,
|
|
76903
|
-
onOpenChange,
|
|
76904
|
-
elements,
|
|
76905
|
-
events,
|
|
76906
|
-
floatingId,
|
|
76907
|
-
refs
|
|
76908
|
-
}), [open, onOpenChange, elements, events, floatingId, refs]);
|
|
76909
|
-
}
|
|
74339
|
+
var s$3=(r=>(r[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r))(s$3||{});function n(){let e=useRef(0);return s$6("keydown",o=>{o.key==="Tab"&&(e.current=o.shiftKey?1:0);},!0),e}
|
|
76910
74340
|
|
|
76911
|
-
|
|
76912
|
-
* Provides data to position a floating element and context to add interactions.
|
|
76913
|
-
* @see https://floating-ui.com/docs/useFloating
|
|
76914
|
-
*/
|
|
76915
|
-
function useFloating(options) {
|
|
76916
|
-
if (options === void 0) {
|
|
76917
|
-
options = {};
|
|
76918
|
-
}
|
|
76919
|
-
const {
|
|
76920
|
-
nodeId
|
|
76921
|
-
} = options;
|
|
76922
|
-
const internalRootContext = useFloatingRootContext({
|
|
76923
|
-
...options,
|
|
76924
|
-
elements: {
|
|
76925
|
-
reference: null,
|
|
76926
|
-
floating: null,
|
|
76927
|
-
...options.elements
|
|
76928
|
-
}
|
|
76929
|
-
});
|
|
76930
|
-
const rootContext = options.rootContext || internalRootContext;
|
|
76931
|
-
const computedElements = rootContext.elements;
|
|
76932
|
-
const [_domReference, setDomReference] = React.useState(null);
|
|
76933
|
-
const [positionReference, _setPositionReference] = React.useState(null);
|
|
76934
|
-
const optionDomReference = computedElements == null ? void 0 : computedElements.reference;
|
|
76935
|
-
const domReference = optionDomReference || _domReference;
|
|
76936
|
-
const domReferenceRef = React.useRef(null);
|
|
76937
|
-
const tree = useFloatingTree();
|
|
76938
|
-
index$3(() => {
|
|
76939
|
-
if (domReference) {
|
|
76940
|
-
domReferenceRef.current = domReference;
|
|
76941
|
-
}
|
|
76942
|
-
}, [domReference]);
|
|
76943
|
-
const position = useFloating$1({
|
|
76944
|
-
...options,
|
|
76945
|
-
elements: {
|
|
76946
|
-
...computedElements,
|
|
76947
|
-
...(positionReference && {
|
|
76948
|
-
reference: positionReference
|
|
76949
|
-
})
|
|
76950
|
-
}
|
|
76951
|
-
});
|
|
76952
|
-
const setPositionReference = React.useCallback(node => {
|
|
76953
|
-
const computedPositionReference = isElement$1(node) ? {
|
|
76954
|
-
getBoundingClientRect: () => node.getBoundingClientRect(),
|
|
76955
|
-
contextElement: node
|
|
76956
|
-
} : node;
|
|
76957
|
-
// Store the positionReference in state if the DOM reference is specified externally via the
|
|
76958
|
-
// `elements.reference` option. This ensures that it won't be overridden on future renders.
|
|
76959
|
-
_setPositionReference(computedPositionReference);
|
|
76960
|
-
position.refs.setReference(computedPositionReference);
|
|
76961
|
-
}, [position.refs]);
|
|
76962
|
-
const setReference = React.useCallback(node => {
|
|
76963
|
-
if (isElement$1(node) || node === null) {
|
|
76964
|
-
domReferenceRef.current = node;
|
|
76965
|
-
setDomReference(node);
|
|
76966
|
-
}
|
|
76967
|
-
|
|
76968
|
-
// Backwards-compatibility for passing a virtual element to `reference`
|
|
76969
|
-
// after it has set the DOM reference.
|
|
76970
|
-
if (isElement$1(position.refs.reference.current) || position.refs.reference.current === null ||
|
|
76971
|
-
// Don't allow setting virtual elements using the old technique back to
|
|
76972
|
-
// `null` to support `positionReference` + an unstable `reference`
|
|
76973
|
-
// callback ref.
|
|
76974
|
-
node !== null && !isElement$1(node)) {
|
|
76975
|
-
position.refs.setReference(node);
|
|
76976
|
-
}
|
|
76977
|
-
}, [position.refs]);
|
|
76978
|
-
const refs = React.useMemo(() => ({
|
|
76979
|
-
...position.refs,
|
|
76980
|
-
setReference,
|
|
76981
|
-
setPositionReference,
|
|
76982
|
-
domReference: domReferenceRef
|
|
76983
|
-
}), [position.refs, setReference, setPositionReference]);
|
|
76984
|
-
const elements = React.useMemo(() => ({
|
|
76985
|
-
...position.elements,
|
|
76986
|
-
domReference: domReference
|
|
76987
|
-
}), [position.elements, domReference]);
|
|
76988
|
-
const context = React.useMemo(() => ({
|
|
76989
|
-
...position,
|
|
76990
|
-
...rootContext,
|
|
76991
|
-
refs,
|
|
76992
|
-
elements,
|
|
76993
|
-
nodeId
|
|
76994
|
-
}), [position, refs, elements, nodeId, rootContext]);
|
|
76995
|
-
index$3(() => {
|
|
76996
|
-
rootContext.dataRef.current.floatingContext = context;
|
|
76997
|
-
const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
|
|
76998
|
-
if (node) {
|
|
76999
|
-
node.context = context;
|
|
77000
|
-
}
|
|
77001
|
-
});
|
|
77002
|
-
return React.useMemo(() => ({
|
|
77003
|
-
...position,
|
|
77004
|
-
context,
|
|
77005
|
-
refs,
|
|
77006
|
-
elements
|
|
77007
|
-
}), [position, refs, elements, context]);
|
|
77008
|
-
}
|
|
74341
|
+
function P(t){if(!t)return new Set;if(typeof t=="function")return new Set(t());let n=new Set;for(let e of t.current)e.current instanceof HTMLElement&&n.add(e.current);return n}let X="div";var _$2=(r=>(r[r.None=1]="None",r[r.InitialFocus=2]="InitialFocus",r[r.TabLock=4]="TabLock",r[r.FocusLock=8]="FocusLock",r[r.RestoreFocus=16]="RestoreFocus",r[r.All=30]="All",r))(_$2||{});function z(t,n$1){let e=useRef(null),o=y$1(e,n$1),{initialFocus:l,containers:c,features:r=30,...s}=t;l$4()||(r=1);let i=n$2(e);Y$1({ownerDocument:i},Boolean(r&16));let u=Z$1({ownerDocument:i,container:e,initialFocus:l},Boolean(r&2));$({ownerDocument:i,container:e,containers:c,previousActiveElement:u},Boolean(r&8));let y=n(),R=o$5(a=>{let m=e.current;if(!m)return;(B=>B())(()=>{u$7(y.current,{[s$3.Forwards]:()=>{O$1(m,M$3.First,{skipElements:[a.relatedTarget]});},[s$3.Backwards]:()=>{O$1(m,M$3.Last,{skipElements:[a.relatedTarget]});}});});}),h=p$3(),H=useRef(!1),j={ref:o,onKeyDown(a){a.key=="Tab"&&(H.current=!0,h.requestAnimationFrame(()=>{H.current=!1;}));},onBlur(a){let m=P(c);e.current instanceof HTMLElement&&m.add(e.current);let T=a.relatedTarget;T instanceof HTMLElement&&T.dataset.headlessuiFocusGuard!=="true"&&(S$4(m,T)||(H.current?O$1(e.current,u$7(y.current,{[s$3.Forwards]:()=>M$3.Next,[s$3.Backwards]:()=>M$3.Previous})|M$3.WrapAround,{relativeTo:a.target}):a.target instanceof HTMLElement&&y$3(a.target)));}};return React__default.createElement(React__default.Fragment,null,Boolean(r&4)&&React__default.createElement(u$4,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:R,features:s$5.Focusable}),C$1({ourProps:j,theirProps:s,defaultTag:X,name:"FocusTrap"}),Boolean(r&4)&&React__default.createElement(u$4,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:R,features:s$5.Focusable}))}let D$2=U$3(z),de$1=Object.assign(D$2,{features:_$2});function Q$1(t=!0){let n=useRef(t$3.slice());return m$2(([e],[o])=>{o===!0&&e===!1&&t$8(()=>{n.current.splice(0);}),o===!1&&e===!0&&(n.current=t$3.slice());},[t,t$3,n]),o$5(()=>{var e;return (e=n.current.find(o=>o!=null&&o.isConnected))!=null?e:null})}function Y$1({ownerDocument:t},n){let e=Q$1(n);m$2(()=>{n||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&y$3(e());},[n]),c$3(()=>{n&&y$3(e());});}function Z$1({ownerDocument:t,container:n,initialFocus:e},o){let l=useRef(null),c=f$3();return m$2(()=>{if(!o)return;let r=n.current;r&&t$8(()=>{if(!c.current)return;let s=t==null?void 0:t.activeElement;if(e!=null&&e.current){if((e==null?void 0:e.current)===s){l.current=s;return}}else if(r.contains(s)){l.current=s;return}e!=null&&e.current?y$3(e.current):O$1(r,M$3.First)===N$2.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),l.current=t==null?void 0:t.activeElement;});},[o]),l}function $({ownerDocument:t,container:n,containers:e,previousActiveElement:o},l){let c=f$3();E(t==null?void 0:t.defaultView,"focus",r=>{if(!l||!c.current)return;let s=P(e);n.current instanceof HTMLElement&&s.add(n.current);let i=o.current;if(!i)return;let u=r.target;u&&u instanceof HTMLElement?S$4(s,u)?(o.current=u,y$3(u)):(r.preventDefault(),r.stopPropagation(),y$3(i)):y$3(o.current);},!0);}function S$4(t,n){for(let e of t)if(e.contains(n))return !0;return !1}
|
|
77009
74342
|
|
|
77010
|
-
|
|
77011
|
-
const SELECTED_KEY = 'selected';
|
|
77012
|
-
function mergeProps(userProps, propsList, elementKey) {
|
|
77013
|
-
const map = new Map();
|
|
77014
|
-
const isItem = elementKey === 'item';
|
|
77015
|
-
let domUserProps = userProps;
|
|
77016
|
-
if (isItem && userProps) {
|
|
77017
|
-
const {
|
|
77018
|
-
[ACTIVE_KEY]: _,
|
|
77019
|
-
[SELECTED_KEY]: __,
|
|
77020
|
-
...validProps
|
|
77021
|
-
} = userProps;
|
|
77022
|
-
domUserProps = validProps;
|
|
77023
|
-
}
|
|
77024
|
-
return {
|
|
77025
|
-
...(elementKey === 'floating' && {
|
|
77026
|
-
tabIndex: -1
|
|
77027
|
-
}),
|
|
77028
|
-
...domUserProps,
|
|
77029
|
-
...propsList.map(value => {
|
|
77030
|
-
const propsOrGetProps = value ? value[elementKey] : null;
|
|
77031
|
-
if (typeof propsOrGetProps === 'function') {
|
|
77032
|
-
return userProps ? propsOrGetProps(userProps) : null;
|
|
77033
|
-
}
|
|
77034
|
-
return propsOrGetProps;
|
|
77035
|
-
}).concat(userProps).reduce((acc, props) => {
|
|
77036
|
-
if (!props) {
|
|
77037
|
-
return acc;
|
|
77038
|
-
}
|
|
77039
|
-
Object.entries(props).forEach(_ref => {
|
|
77040
|
-
let [key, value] = _ref;
|
|
77041
|
-
if (isItem && [ACTIVE_KEY, SELECTED_KEY].includes(key)) {
|
|
77042
|
-
return;
|
|
77043
|
-
}
|
|
77044
|
-
if (key.indexOf('on') === 0) {
|
|
77045
|
-
if (!map.has(key)) {
|
|
77046
|
-
map.set(key, []);
|
|
77047
|
-
}
|
|
77048
|
-
if (typeof value === 'function') {
|
|
77049
|
-
var _map$get;
|
|
77050
|
-
(_map$get = map.get(key)) == null || _map$get.push(value);
|
|
77051
|
-
acc[key] = function () {
|
|
77052
|
-
var _map$get2;
|
|
77053
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
77054
|
-
args[_key] = arguments[_key];
|
|
77055
|
-
}
|
|
77056
|
-
return (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.map(fn => fn(...args)).find(val => val !== undefined);
|
|
77057
|
-
};
|
|
77058
|
-
}
|
|
77059
|
-
} else {
|
|
77060
|
-
acc[key] = value;
|
|
77061
|
-
}
|
|
77062
|
-
});
|
|
77063
|
-
return acc;
|
|
77064
|
-
}, {})
|
|
77065
|
-
};
|
|
77066
|
-
}
|
|
77067
|
-
/**
|
|
77068
|
-
* Merges an array of interaction hooks' props into prop getters, allowing
|
|
77069
|
-
* event handler functions to be composed together without overwriting one
|
|
77070
|
-
* another.
|
|
77071
|
-
* @see https://floating-ui.com/docs/useInteractions
|
|
77072
|
-
*/
|
|
77073
|
-
function useInteractions(propsList) {
|
|
77074
|
-
if (propsList === void 0) {
|
|
77075
|
-
propsList = [];
|
|
77076
|
-
}
|
|
77077
|
-
const referenceDeps = propsList.map(key => key == null ? void 0 : key.reference);
|
|
77078
|
-
const floatingDeps = propsList.map(key => key == null ? void 0 : key.floating);
|
|
77079
|
-
const itemDeps = propsList.map(key => key == null ? void 0 : key.item);
|
|
77080
|
-
const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),
|
|
77081
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77082
|
-
referenceDeps);
|
|
77083
|
-
const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),
|
|
77084
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77085
|
-
floatingDeps);
|
|
77086
|
-
const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),
|
|
77087
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77088
|
-
itemDeps);
|
|
77089
|
-
return React.useMemo(() => ({
|
|
77090
|
-
getReferenceProps,
|
|
77091
|
-
getFloatingProps,
|
|
77092
|
-
getItemProps
|
|
77093
|
-
}), [getReferenceProps, getFloatingProps, getItemProps]);
|
|
77094
|
-
}
|
|
74343
|
+
let e=createContext(!1);function a$6(){return useContext(e)}function l$2(o){return React__default.createElement(e.Provider,{value:o.force},o.children)}
|
|
77095
74344
|
|
|
77096
|
-
function
|
|
77097
|
-
return {
|
|
77098
|
-
...state,
|
|
77099
|
-
rects: {
|
|
77100
|
-
...state.rects,
|
|
77101
|
-
floating: {
|
|
77102
|
-
...state.rects.floating,
|
|
77103
|
-
height
|
|
77104
|
-
}
|
|
77105
|
-
}
|
|
77106
|
-
};
|
|
77107
|
-
}
|
|
77108
|
-
/**
|
|
77109
|
-
* Positions the floating element such that an inner element inside of it is
|
|
77110
|
-
* anchored to the reference element.
|
|
77111
|
-
* @see https://floating-ui.com/docs/inner
|
|
77112
|
-
*/
|
|
77113
|
-
const inner = props => ({
|
|
77114
|
-
name: 'inner',
|
|
77115
|
-
options: props,
|
|
77116
|
-
async fn(state) {
|
|
77117
|
-
const {
|
|
77118
|
-
listRef,
|
|
77119
|
-
overflowRef,
|
|
77120
|
-
onFallbackChange,
|
|
77121
|
-
offset: innerOffset = 0,
|
|
77122
|
-
index = 0,
|
|
77123
|
-
minItemsVisible = 4,
|
|
77124
|
-
referenceOverflowThreshold = 0,
|
|
77125
|
-
scrollRef,
|
|
77126
|
-
...detectOverflowOptions
|
|
77127
|
-
} = evaluate$1(props, state);
|
|
77128
|
-
const {
|
|
77129
|
-
rects,
|
|
77130
|
-
elements: {
|
|
77131
|
-
floating
|
|
77132
|
-
}
|
|
77133
|
-
} = state;
|
|
77134
|
-
const item = listRef.current[index];
|
|
77135
|
-
if (process.env.NODE_ENV !== "production") {
|
|
77136
|
-
if (!state.placement.startsWith('bottom')) {
|
|
77137
|
-
warn('`placement` side must be "bottom" when using the `inner`', 'middleware.');
|
|
77138
|
-
}
|
|
77139
|
-
}
|
|
77140
|
-
if (!item) {
|
|
77141
|
-
return {};
|
|
77142
|
-
}
|
|
77143
|
-
const nextArgs = {
|
|
77144
|
-
...state,
|
|
77145
|
-
...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))
|
|
77146
|
-
};
|
|
77147
|
-
const el = (scrollRef == null ? void 0 : scrollRef.current) || floating;
|
|
77148
|
-
const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, el.scrollHeight), detectOverflowOptions);
|
|
77149
|
-
const refOverflow = await detectOverflow(nextArgs, {
|
|
77150
|
-
...detectOverflowOptions,
|
|
77151
|
-
elementContext: 'reference'
|
|
77152
|
-
});
|
|
77153
|
-
const diffY = Math.max(0, overflow.top);
|
|
77154
|
-
const nextY = nextArgs.y + diffY;
|
|
77155
|
-
const maxHeight = Math.max(0, el.scrollHeight - diffY - Math.max(0, overflow.bottom));
|
|
77156
|
-
el.style.maxHeight = maxHeight + "px";
|
|
77157
|
-
el.scrollTop = diffY;
|
|
77158
|
-
|
|
77159
|
-
// There is not enough space, fallback to standard anchored positioning
|
|
77160
|
-
if (onFallbackChange) {
|
|
77161
|
-
if (el.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current.length - 1) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold) {
|
|
77162
|
-
reactDomExports.flushSync(() => onFallbackChange(true));
|
|
77163
|
-
} else {
|
|
77164
|
-
reactDomExports.flushSync(() => onFallbackChange(false));
|
|
77165
|
-
}
|
|
77166
|
-
}
|
|
77167
|
-
if (overflowRef) {
|
|
77168
|
-
overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({
|
|
77169
|
-
...nextArgs,
|
|
77170
|
-
y: nextY
|
|
77171
|
-
}, el.offsetHeight), detectOverflowOptions);
|
|
77172
|
-
}
|
|
77173
|
-
return {
|
|
77174
|
-
y: nextY
|
|
77175
|
-
};
|
|
77176
|
-
}
|
|
77177
|
-
});
|
|
77178
|
-
/**
|
|
77179
|
-
* Changes the `inner` middleware's `offset` upon a `wheel` event to
|
|
77180
|
-
* expand the floating element's height, revealing more list items.
|
|
77181
|
-
* @see https://floating-ui.com/docs/inner
|
|
77182
|
-
*/
|
|
77183
|
-
function useInnerOffset(context, props) {
|
|
77184
|
-
const {
|
|
77185
|
-
open,
|
|
77186
|
-
elements
|
|
77187
|
-
} = context;
|
|
77188
|
-
const {
|
|
77189
|
-
enabled = true,
|
|
77190
|
-
overflowRef,
|
|
77191
|
-
scrollRef,
|
|
77192
|
-
onChange: unstable_onChange
|
|
77193
|
-
} = props;
|
|
77194
|
-
const onChange = useEffectEvent(unstable_onChange);
|
|
77195
|
-
const controlledScrollingRef = React.useRef(false);
|
|
77196
|
-
const prevScrollTopRef = React.useRef(null);
|
|
77197
|
-
const initialOverflowRef = React.useRef(null);
|
|
77198
|
-
React.useEffect(() => {
|
|
77199
|
-
if (!enabled) return;
|
|
77200
|
-
function onWheel(e) {
|
|
77201
|
-
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
77202
|
-
return;
|
|
77203
|
-
}
|
|
77204
|
-
const dY = e.deltaY;
|
|
77205
|
-
const isAtTop = overflowRef.current.top >= -0.5;
|
|
77206
|
-
const isAtBottom = overflowRef.current.bottom >= -0.5;
|
|
77207
|
-
const remainingScroll = el.scrollHeight - el.clientHeight;
|
|
77208
|
-
const sign = dY < 0 ? -1 : 1;
|
|
77209
|
-
const method = dY < 0 ? 'max' : 'min';
|
|
77210
|
-
if (el.scrollHeight <= el.clientHeight) {
|
|
77211
|
-
return;
|
|
77212
|
-
}
|
|
77213
|
-
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
77214
|
-
e.preventDefault();
|
|
77215
|
-
reactDomExports.flushSync(() => {
|
|
77216
|
-
onChange(d => d + Math[method](dY, remainingScroll * sign));
|
|
77217
|
-
});
|
|
77218
|
-
} else if (/firefox/i.test(getUserAgent())) {
|
|
77219
|
-
// Needed to propagate scrolling during momentum scrolling phase once
|
|
77220
|
-
// it gets limited by the boundary. UX improvement, not critical.
|
|
77221
|
-
el.scrollTop += dY;
|
|
77222
|
-
}
|
|
77223
|
-
}
|
|
77224
|
-
const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;
|
|
77225
|
-
if (open && el) {
|
|
77226
|
-
el.addEventListener('wheel', onWheel);
|
|
74345
|
+
function F$1(p){let n=a$6(),l=useContext(_$1),e=n$2(p),[a,o]=useState(()=>{if(!n&&l!==null||s$9.isServer)return null;let t=e==null?void 0:e.getElementById("headlessui-portal-root");if(t)return t;if(e===null)return null;let r=e.createElement("div");return r.setAttribute("id","headlessui-portal-root"),e.body.appendChild(r)});return useEffect(()=>{a!==null&&(e!=null&&e.body.contains(a)||e==null||e.body.appendChild(a));},[a,e]),useEffect(()=>{n||l!==null&&o(l.current);},[l,o,n]),a}let U$2=Fragment;function N$1(p,n){let l=p,e=useRef(null),a=y$1(T(u=>{e.current=u;}),n),o=n$2(e),t=F$1(e),[r]=useState(()=>{var u;return s$9.isServer?null:(u=o==null?void 0:o.createElement("div"))!=null?u:null}),i=useContext(f$2),v=l$4();return l$5(()=>{!t||!r||t.contains(r)||(r.setAttribute("data-headlessui-portal",""),t.appendChild(r));},[t,r]),l$5(()=>{if(r&&i)return i.register(r)},[i,r]),c$3(()=>{var u;!t||!r||(r instanceof Node&&t.contains(r)&&t.removeChild(r),t.childNodes.length<=0&&((u=t.parentElement)==null||u.removeChild(t)));}),v?!t||!r?null:reactDomExports.createPortal(C$1({ourProps:{ref:a},theirProps:l,defaultTag:U$2,name:"Portal"}),r):null}let S$3=Fragment,_$1=createContext(null);function j(p,n){let{target:l,...e}=p,o={ref:y$1(n)};return React__default.createElement(_$1.Provider,{value:l},C$1({ourProps:o,theirProps:e,defaultTag:S$3,name:"Popover.Group"}))}let f$2=createContext(null);function ee$1(){let p=useContext(f$2),n=useRef([]),l=o$5(o=>(n.current.push(o),p&&p.register(o),()=>e(o))),e=o$5(o=>{let t=n.current.indexOf(o);t!==-1&&n.current.splice(t,1),p&&p.unregister(o);}),a=useMemo(()=>({register:l,unregister:e,portals:n}),[l,e,n]);return [n,useMemo(()=>function({children:t}){return React__default.createElement(f$2.Provider,{value:a},t)},[a])]}let D$1=U$3(N$1),I$3=U$3(j),te$1=Object.assign(D$1,{Group:I$3});
|
|
77227
74346
|
|
|
77228
|
-
|
|
77229
|
-
requestAnimationFrame(() => {
|
|
77230
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
77231
|
-
if (overflowRef.current != null) {
|
|
77232
|
-
initialOverflowRef.current = {
|
|
77233
|
-
...overflowRef.current
|
|
77234
|
-
};
|
|
77235
|
-
}
|
|
77236
|
-
});
|
|
77237
|
-
return () => {
|
|
77238
|
-
prevScrollTopRef.current = null;
|
|
77239
|
-
initialOverflowRef.current = null;
|
|
77240
|
-
el.removeEventListener('wheel', onWheel);
|
|
77241
|
-
};
|
|
77242
|
-
}
|
|
77243
|
-
}, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);
|
|
77244
|
-
const floating = React.useMemo(() => ({
|
|
77245
|
-
onKeyDown() {
|
|
77246
|
-
controlledScrollingRef.current = true;
|
|
77247
|
-
},
|
|
77248
|
-
onWheel() {
|
|
77249
|
-
controlledScrollingRef.current = false;
|
|
77250
|
-
},
|
|
77251
|
-
onPointerMove() {
|
|
77252
|
-
controlledScrollingRef.current = false;
|
|
77253
|
-
},
|
|
77254
|
-
onScroll() {
|
|
77255
|
-
const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;
|
|
77256
|
-
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
77257
|
-
return;
|
|
77258
|
-
}
|
|
77259
|
-
if (prevScrollTopRef.current !== null) {
|
|
77260
|
-
const scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
77261
|
-
if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {
|
|
77262
|
-
reactDomExports.flushSync(() => onChange(d => d + scrollDiff));
|
|
77263
|
-
}
|
|
77264
|
-
}
|
|
74347
|
+
function i(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const d$2=typeof Object.is=="function"?Object.is:i,{useState:u$1,useEffect:h$1,useLayoutEffect:f$1,useDebugValue:p$1}=React;function y(e,t,c){const a=t(),[{inst:n},o]=u$1({inst:{value:a,getSnapshot:t}});return f$1(()=>{n.value=a,n.getSnapshot=t,r$1(n)&&o({inst:n});},[e,a,t]),h$1(()=>(r$1(n)&&o({inst:n}),e(()=>{r$1(n)&&o({inst:n});})),[e]),p$1(a),a}function r$1(e){const t=e.getSnapshot,c=e.value;try{const a=t();return !d$2(c,a)}catch{return !0}}
|
|
77265
74348
|
|
|
77266
|
-
|
|
77267
|
-
requestAnimationFrame(() => {
|
|
77268
|
-
prevScrollTopRef.current = el.scrollTop;
|
|
77269
|
-
});
|
|
77270
|
-
}
|
|
77271
|
-
}), [elements.floating, onChange, overflowRef, scrollRef]);
|
|
77272
|
-
return React.useMemo(() => enabled ? {
|
|
77273
|
-
floating
|
|
77274
|
-
} : {}, [enabled, floating]);
|
|
77275
|
-
}
|
|
74349
|
+
function t$2(r,e,n){return e()}
|
|
77276
74350
|
|
|
77277
|
-
|
|
74351
|
+
const r=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined",s$2=!r,c$2=s$2?t$2:y,a$5="useSyncExternalStore"in React?(n=>n.useSyncExternalStore)(React):c$2;
|
|
77278
74352
|
|
|
77279
|
-
|
|
74353
|
+
function S$2(t){return a$5(t.subscribe,t.getSnapshot,t.getSnapshot)}
|
|
77280
74354
|
|
|
77281
|
-
function
|
|
74355
|
+
function a$4(o,r){let t=o(),n=new Set;return {getSnapshot(){return t},subscribe(e){return n.add(e),()=>n.delete(e)},dispatch(e,...s){let i=r[e].call(t,...s);i&&(t=i,n.forEach(c=>c()));}}}
|
|
77282
74356
|
|
|
77283
|
-
|
|
74357
|
+
function c$1(){let o;return {before({doc:e}){var l;let n=e.documentElement;o=((l=e.defaultView)!=null?l:window).innerWidth-n.clientWidth;},after({doc:e,d:n}){let t=e.documentElement,l=t.clientWidth-t.offsetWidth,r=o-l;n.style(t,"paddingRight",`${r}px`);}}}
|
|
77284
74358
|
|
|
77285
|
-
function
|
|
74359
|
+
function d$1(){return t$7()?{before({doc:r,d:l,meta:c}){function o(a){return c.containers.flatMap(n=>n()).some(n=>n.contains(a))}l.microTask(()=>{var s;if(window.getComputedStyle(r.documentElement).scrollBehavior!=="auto"){let t=o$4();t.style(r.documentElement,"scrollBehavior","auto"),l.add(()=>l.microTask(()=>t.dispose()));}let a=(s=window.scrollY)!=null?s:window.pageYOffset,n=null;l.addEventListener(r,"click",t=>{if(t.target instanceof HTMLElement)try{let e=t.target.closest("a");if(!e)return;let{hash:f}=new URL(e.href),i=r.querySelector(f);i&&!o(i)&&(n=i);}catch{}},!0),l.addEventListener(r,"touchstart",t=>{if(t.target instanceof HTMLElement)if(o(t.target)){let e=t.target;for(;e.parentElement&&o(e.parentElement);)e=e.parentElement;l.style(e,"overscrollBehavior","contain");}else l.style(t.target,"touchAction","none");}),l.addEventListener(r,"touchmove",t=>{if(t.target instanceof HTMLElement)if(o(t.target)){let e=t.target;for(;e.parentElement&&e.dataset.headlessuiPortal!==""&&!(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth);)e=e.parentElement;e.dataset.headlessuiPortal===""&&t.preventDefault();}else t.preventDefault();},{passive:!1}),l.add(()=>{var e;let t=(e=window.scrollY)!=null?e:window.pageYOffset;a!==t&&window.scrollTo(0,a),n&&n.isConnected&&(n.scrollIntoView({block:"nearest"}),n=null);});});}}:{}}
|
|
77286
74360
|
|
|
77287
|
-
function
|
|
74361
|
+
function l$1(){return {before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden");}}}
|
|
77288
74362
|
|
|
77289
|
-
function
|
|
74363
|
+
function m(e){let n={};for(let t of e)Object.assign(n,t(n));return n}let a$3=a$4(()=>new Map,{PUSH(e,n){var o;let t=(o=this.get(e))!=null?o:{doc:e,count:0,d:o$4(),meta:new Set};return t.count++,t.meta.add(n),this.set(e,t),this},POP(e,n){let t=this.get(e);return t&&(t.count--,t.meta.delete(n)),this},SCROLL_PREVENT({doc:e,d:n,meta:t}){let o={doc:e,d:n,meta:m(t)},c=[d$1(),c$1(),l$1()];c.forEach(({before:r})=>r==null?void 0:r(o)),c.forEach(({after:r})=>r==null?void 0:r(o));},SCROLL_ALLOW({d:e}){e.dispose();},TEARDOWN({doc:e}){this.delete(e);}});a$3.subscribe(()=>{let e=a$3.getSnapshot(),n=new Map;for(let[t]of e)n.set(t,t.documentElement.style.overflow);for(let t of e.values()){let o=n.get(t.doc)==="hidden",c=t.count!==0;(c&&!o||!c&&o)&&a$3.dispatch(t.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",t),t.count===0&&a$3.dispatch("TEARDOWN",t);}});
|
|
77290
74364
|
|
|
77291
|
-
let e=
|
|
74365
|
+
function p(e,r,n){let f=S$2(a$3),o=e?f.get(e):void 0,i=o?o.count>0:!1;return l$5(()=>{if(!(!e||!r))return a$3.dispatch("PUSH",e,n),()=>a$3.dispatch("POP",e,n)},[r,e]),i}
|
|
77292
74366
|
|
|
77293
|
-
|
|
74367
|
+
let u=new Map,t$1=new Map;function b$3(r,l=!0){l$5(()=>{var o;if(!l)return;let e=typeof r=="function"?r():r.current;if(!e)return;function a(){var d;if(!e)return;let i=(d=t$1.get(e))!=null?d:1;if(i===1?t$1.delete(e):t$1.set(e,i-1),i!==1)return;let n=u.get(e);n&&(n["aria-hidden"]===null?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",n["aria-hidden"]),e.inert=n.inert,u.delete(e));}let f=(o=t$1.get(e))!=null?o:0;return t$1.set(e,f+1),f!==0||(u.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),e.setAttribute("aria-hidden","true"),e.inert=!0),a},[r,l]);}
|
|
77294
74368
|
|
|
77295
|
-
function
|
|
74369
|
+
function N({defaultContainers:o=[],portals:r,mainTreeNodeRef:u}={}){var f;let t=useRef((f=u==null?void 0:u.current)!=null?f:null),l=n$2(t),c=o$5(()=>{var i,s,a;let n=[];for(let e of o)e!==null&&(e instanceof HTMLElement?n.push(e):"current"in e&&e.current instanceof HTMLElement&&n.push(e.current));if(r!=null&&r.current)for(let e of r.current)n.push(e);for(let e of (i=l==null?void 0:l.querySelectorAll("html > *, body > *"))!=null?i:[])e!==document.body&&e!==document.head&&e instanceof HTMLElement&&e.id!=="headlessui-portal-root"&&(e.contains(t.current)||e.contains((a=(s=t.current)==null?void 0:s.getRootNode())==null?void 0:a.host)||n.some(L=>e.contains(L))||n.push(e));return n});return {resolveContainers:c,contains:o$5(n=>c().some(i=>i.contains(n))),mainTreeNodeRef:t,MainTreeNode:useMemo(()=>function(){return u!=null?null:React__default.createElement(u$4,{features:s$5.Hidden,ref:t})},[t,u])}}
|
|
77296
74370
|
|
|
77297
|
-
|
|
74371
|
+
let a$2=createContext(()=>{});a$2.displayName="StackContext";var s$1=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(s$1||{});function x(){return useContext(a$2)}function b$2({children:i,onUpdate:r,type:e,element:n,enabled:u}){let l=x(),o=o$5((...t)=>{r==null||r(...t),l(...t);});return l$5(()=>{let t=u===void 0||u===!0;return t&&o(0,e,n),()=>{t&&o(1,e,n);}},[o,e,n,u]),React__default.createElement(a$2.Provider,{value:o},i)}
|
|
77298
74372
|
|
|
77299
|
-
function
|
|
74373
|
+
let d=createContext(null);function f(){let r=useContext(d);if(r===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,f),t}return r}function w$1(){let[r,t]=useState([]);return [r.length>0?r.join(" "):void 0,useMemo(()=>function(e){let i=o$5(s=>(t(o=>[...o,s]),()=>t(o=>{let p=o.slice(),c=p.indexOf(s);return c!==-1&&p.splice(c,1),p}))),n=useMemo(()=>({register:i,slot:e.slot,name:e.name,props:e.props}),[i,e.slot,e.name,e.props]);return React__default.createElement(d.Provider,{value:n},e.children)},[t])]}let I$2="p";function S$1(r,t){let a=I$6(),{id:e=`headlessui-description-${a}`,...i}=r,n=f(),s=y$1(t);l$5(()=>n.register(e),[e,n.register]);let o={ref:s,...n.props,id:e};return C$1({ourProps:o,theirProps:i,slot:n.slot||{},defaultTag:I$2,name:n.name||"Description"})}let h=U$3(S$1),G=Object.assign(h,{});
|
|
77300
74374
|
|
|
77301
|
-
function
|
|
74375
|
+
var Me$1=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(Me$1||{}),we=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(we||{});let He$1={[0](o,e){return o.titleId===e.id?o:{...o,titleId:e.id}}},I$1=createContext(null);I$1.displayName="DialogContext";function b$1(o){let e=useContext(I$1);if(e===null){let r=new Error(`<${o} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,b$1),r}return e}function Be(o,e,r=()=>[document.body]){p(o,e,i=>{var n;return {containers:[...(n=i.containers)!=null?n:[],r]}});}function Ge(o,e){return u$7(e.type,He$1,o,e)}let Ne$1="div",Ue=O.RenderStrategy|O.Static;function We(o,e){let r=I$6(),{id:i=`headlessui-dialog-${r}`,open:n,onClose:l,initialFocus:s,role:a="dialog",__demoMode:T=!1,...m}=o,[M,f]=useState(0),U=useRef(!1);a=function(){return a==="dialog"||a==="alertdialog"?a:(U.current||(U.current=!0,console.warn(`Invalid role [${a}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let E$1=u$3();n===void 0&&E$1!==null&&(n=(E$1&d$3.Open)===d$3.Open);let D=useRef(null),ee=y$1(D,e),g=n$2(D),W=o.hasOwnProperty("open")||E$1!==null,$=o.hasOwnProperty("onClose");if(!W&&!$)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!W)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!$)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof n!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${n}`);if(typeof l!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${l}`);let p=n?0:1,[h,te]=useReducer(Ge,{titleId:null,descriptionId:null,panelRef:createRef()}),P=o$5(()=>l(!1)),Y=o$5(t=>te({type:0,id:t})),S=l$4()?T?!1:p===0:!1,x=M>1,j=useContext(I$1)!==null,[oe,re]=ee$1(),ne={get current(){var t;return (t=h.panelRef.current)!=null?t:D.current}},{resolveContainers:w,mainTreeNodeRef:L,MainTreeNode:le}=N({portals:oe,defaultContainers:[ne]}),ae=x?"parent":"leaf",J=E$1!==null?(E$1&d$3.Closing)===d$3.Closing:!1,ie=(()=>j||J?!1:S)(),se=useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("body > *"))!=null?t:[]).find(d=>d.id==="headlessui-portal-root"?!1:d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(se,ie);let pe=(()=>x?!0:S)(),de=useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("[data-headlessui-portal]"))!=null?t:[]).find(d=>d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(de,pe);let ue=(()=>!(!S||x))();y$2(w,t=>{t.preventDefault(),P();},ue);let fe=(()=>!(x||p!==0))();E(g==null?void 0:g.defaultView,"keydown",t=>{fe&&(t.defaultPrevented||t.key===o$1.Escape&&(t.preventDefault(),t.stopPropagation(),P()));});let ge=(()=>!(J||p!==0||j))();Be(g,ge,w),useEffect(()=>{if(p!==0||!D.current)return;let t=new ResizeObserver(c=>{for(let d of c){let F=d.target.getBoundingClientRect();F.x===0&&F.y===0&&F.width===0&&F.height===0&&P();}});return t.observe(D.current),()=>t.disconnect()},[p,D,P]);let[Te,ce]=w$1(),De=useMemo(()=>[{dialogState:p,close:P,setTitleId:Y},h],[p,h,P,Y]),X=useMemo(()=>({open:p===0}),[p]),me={ref:ee,id:i,role:a,"aria-modal":p===0?!0:void 0,"aria-labelledby":h.titleId,"aria-describedby":Te};return React__default.createElement(b$2,{type:"Dialog",enabled:p===0,element:D,onUpdate:o$5((t,c)=>{c==="Dialog"&&u$7(t,{[s$1.Add]:()=>f(d=>d+1),[s$1.Remove]:()=>f(d=>d-1)});})},React__default.createElement(l$2,{force:!0},React__default.createElement(te$1,null,React__default.createElement(I$1.Provider,{value:De},React__default.createElement(te$1.Group,{target:D},React__default.createElement(l$2,{force:!1},React__default.createElement(ce,{slot:X,name:"Dialog.Description"},React__default.createElement(de$1,{initialFocus:s,containers:w,features:S?u$7(ae,{parent:de$1.features.RestoreFocus,leaf:de$1.features.All&~de$1.features.FocusLock}):de$1.features.None},React__default.createElement(re,null,C$1({ourProps:me,theirProps:m,slot:X,defaultTag:Ne$1,features:Ue,visible:p===0,name:"Dialog"}))))))))),React__default.createElement(le,null))}let $e="div";function Ye(o,e){let r=I$6(),{id:i=`headlessui-dialog-overlay-${r}`,...n}=o,[{dialogState:l,close:s}]=b$1("Dialog.Overlay"),a=y$1(e),T=o$5(f=>{if(f.target===f.currentTarget){if(r$2(f.currentTarget))return f.preventDefault();f.preventDefault(),f.stopPropagation(),s();}}),m=useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i,"aria-hidden":!0,onClick:T},theirProps:n,slot:m,defaultTag:$e,name:"Dialog.Overlay"})}let je="div";function Je(o,e){let r=I$6(),{id:i=`headlessui-dialog-backdrop-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Backdrop"),a=y$1(e);useEffect(()=>{if(s.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[s.panelRef]);let T=useMemo(()=>({open:l===0}),[l]);return React__default.createElement(l$2,{force:!0},React__default.createElement(te$1,null,C$1({ourProps:{ref:a,id:i,"aria-hidden":!0},theirProps:n,slot:T,defaultTag:je,name:"Dialog.Backdrop"})))}let Xe="div";function Ke(o,e){let r=I$6(),{id:i=`headlessui-dialog-panel-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Panel"),a=y$1(e,s.panelRef),T=useMemo(()=>({open:l===0}),[l]),m=o$5(f=>{f.stopPropagation();});return C$1({ourProps:{ref:a,id:i,onClick:m},theirProps:n,slot:T,defaultTag:Xe,name:"Dialog.Panel"})}let Ve="h2";function qe$2(o,e){let r=I$6(),{id:i=`headlessui-dialog-title-${r}`,...n}=o,[{dialogState:l,setTitleId:s}]=b$1("Dialog.Title"),a=y$1(e);useEffect(()=>(s(i),()=>s(null)),[i,s]);let T=useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i},theirProps:n,slot:T,defaultTag:Ve,name:"Dialog.Title"})}let ze=U$3(We),Qe=U$3(Je),Ze=U$3(Ke),et=U$3(Ye),tt=U$3(qe$2),_t=Object.assign(ze,{Backdrop:Qe,Panel:Ze,Overlay:et,Title:tt,Description:G});
|
|
77302
74376
|
|
|
77303
|
-
var a$
|
|
74377
|
+
var t;let a$1=(t=React__default.startTransition)!=null?t:function(i){i();};
|
|
77304
74378
|
|
|
77305
|
-
|
|
74379
|
+
var Q=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(Q||{}),V=(t=>(t[t.ToggleDisclosure=0]="ToggleDisclosure",t[t.CloseDisclosure=1]="CloseDisclosure",t[t.SetButtonId=2]="SetButtonId",t[t.SetPanelId=3]="SetPanelId",t[t.LinkPanel=4]="LinkPanel",t[t.UnlinkPanel=5]="UnlinkPanel",t))(V||{});let Y={[0]:e=>({...e,disclosureState:u$7(e.disclosureState,{[0]:1,[1]:0})}),[1]:e=>e.disclosureState===1?e:{...e,disclosureState:1},[4](e){return e.linkedPanel===!0?e:{...e,linkedPanel:!0}},[5](e){return e.linkedPanel===!1?e:{...e,linkedPanel:!1}},[2](e,n){return e.buttonId===n.buttonId?e:{...e,buttonId:n.buttonId}},[3](e,n){return e.panelId===n.panelId?e:{...e,panelId:n.panelId}}},M$2=createContext(null);M$2.displayName="DisclosureContext";function _(e){let n=useContext(M$2);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,_),o}return n}let v$1=createContext(null);v$1.displayName="DisclosureAPIContext";function K(e){let n=useContext(v$1);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,K),o}return n}let F=createContext(null);F.displayName="DisclosurePanelContext";function Z(){return useContext(F)}function ee(e,n){return u$7(n.type,Y,e,n)}let te=Fragment;function ne(e,n){let{defaultOpen:o=!1,...i}=e,f=useRef(null),l=y$1(n,T(u=>{f.current=u;},e.as===void 0||e.as===Fragment)),t=useRef(null),d=useRef(null),s=useReducer(ee,{disclosureState:o?0:1,linkedPanel:!1,buttonRef:d,panelRef:t,buttonId:null,panelId:null}),[{disclosureState:c,buttonId:a},D]=s,p=o$5(u=>{D({type:1});let y=o$2(f);if(!y||!a)return;let r=(()=>u?u instanceof HTMLElement?u:u.current instanceof HTMLElement?u.current:y.getElementById(a):y.getElementById(a))();r==null||r.focus();}),P=useMemo(()=>({close:p}),[p]),T$1=useMemo(()=>({open:c===0,close:p}),[c,p]),C={ref:l};return React__default.createElement(M$2.Provider,{value:s},React__default.createElement(v$1.Provider,{value:P},React__default.createElement(s$4,{value:u$7(c,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:C,theirProps:i,slot:T$1,defaultTag:te,name:"Disclosure"}))))}let le$1="button";function oe(e,n){let o=I$6(),{id:i=`headlessui-disclosure-button-${o}`,...f}=e,[l,t]=_("Disclosure.Button"),d=Z(),s=d===null?!1:d===l.panelId,c=useRef(null),a=y$1(c,n,s?null:l.buttonRef),D=I$4();useEffect(()=>{if(!s)return t({type:2,buttonId:i}),()=>{t({type:2,buttonId:null});}},[i,t,s]);let p=o$5(r=>{var m;if(s){if(l.disclosureState===1)return;switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0}),(m=l.buttonRef.current)==null||m.focus();break}}else switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0});break}}),P=o$5(r=>{switch(r.key){case o$1.Space:r.preventDefault();break}}),T=o$5(r=>{var m;r$2(r.currentTarget)||e.disabled||(s?(t({type:0}),(m=l.buttonRef.current)==null||m.focus()):t({type:0}));}),C=useMemo(()=>({open:l.disclosureState===0}),[l]),u=T$1(e,c),y=s?{ref:a,type:u,onKeyDown:p,onClick:T}:{ref:a,id:i,type:u,"aria-expanded":l.disclosureState===0,"aria-controls":l.linkedPanel?l.panelId:void 0,onKeyDown:p,onKeyUp:P,onClick:T};return C$1({mergeRefs:D,ourProps:y,theirProps:f,slot:C,defaultTag:le$1,name:"Disclosure.Button"})}let re$1="div",se$1=O.RenderStrategy|O.Static;function ue$1(e,n){let o=I$6(),{id:i=`headlessui-disclosure-panel-${o}`,...f}=e,[l,t]=_("Disclosure.Panel"),{close:d}=K("Disclosure.Panel"),s=I$4(),c=y$1(n,l.panelRef,T=>{a$1(()=>t({type:T?4:5}));});useEffect(()=>(t({type:3,panelId:i}),()=>{t({type:3,panelId:null});}),[i,t]);let a=u$3(),D=(()=>a!==null?(a&d$3.Open)===d$3.Open:l.disclosureState===0)(),p=useMemo(()=>({open:l.disclosureState===0,close:d}),[l,d]),P={ref:c,id:i};return React__default.createElement(F.Provider,{value:l.panelId},C$1({mergeRefs:s,ourProps:P,theirProps:f,slot:p,defaultTag:re$1,features:se$1,visible:D,name:"Disclosure.Panel"}))}let ie=U$3(ne),ae$1=U$3(oe),pe=U$3(ue$1),Ae$1=Object.assign(ie,{Button:ae$1,Panel:pe});
|
|
77306
74380
|
|
|
77307
|
-
function
|
|
74381
|
+
let a=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function o(e){var r,i;let n=(r=e.innerText)!=null?r:"",t=e.cloneNode(!0);if(!(t instanceof HTMLElement))return n;let u=!1;for(let f of t.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))f.remove(),u=!0;let l=u?(i=t.innerText)!=null?i:"":n;return a.test(l)&&(l=l.replace(a,"")),l}function g$1(e){let n=e.getAttribute("aria-label");if(typeof n=="string")return n.trim();let t=e.getAttribute("aria-labelledby");if(t){let u=t.split(" ").map(l=>{let r=document.getElementById(l);if(r){let i=r.getAttribute("aria-label");return typeof i=="string"?i.trim():o(r).trim()}return null}).filter(Boolean);if(u.length>0)return u.join(", ")}return o(e).trim()}
|
|
77308
74382
|
|
|
77309
|
-
|
|
74383
|
+
function s(c){let t=useRef(""),r=useRef("");return o$5(()=>{let e=c.current;if(!e)return "";let u=e.innerText;if(t.current===u)return r.current;let n=g$1(e).trim().toLowerCase();return t.current=u,r.current=n,n})}
|
|
77310
74384
|
|
|
77311
|
-
var t;let a$1=(t=React__default.
|
|
74385
|
+
var me=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(me||{}),de=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(de||{}),fe=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a))(fe||{});function w(e,u=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,s=I$5(u(e.items.slice()),t=>t.dataRef.current.domRef.current),i=r?s.indexOf(r):null;return i===-1&&(i=null),{items:s,activeItemIndex:i}}let Te={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,u)=>{var i;let r=w(e),s=f$4(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...e,...r,searchQuery:"",activeItemIndex:s,activationTrigger:(i=u.trigger)!=null?i:1}},[3]:(e,u)=>{let s=e.searchQuery!==""?0:1,i=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+s).concat(e.items.slice(0,e.activeItemIndex+s)):e.items).find(l=>{var m;return ((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(i))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:i}:{...e,searchQuery:i,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,s=>[...s,{id:u.id,dataRef:u.dataRef}]);return {...e,...r}},[6]:(e,u)=>{let r=w(e,s=>{let i=s.findIndex(t=>t.id===u.id);return i!==-1&&s.splice(i,1),s});return {...e,...r,activationTrigger:1}}},U$1=createContext(null);U$1.displayName="MenuContext";function C(e){let u=useContext(U$1);if(u===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,C),r}return u}function ye$1(e,u){return u$7(u.type,Te,e,u)}let Ie=Fragment;function Me(e,u){let{__demoMode:r=!1,...s}=e,i=useReducer(ye$1,{__demoMode:r,menuState:r?0:1,buttonRef:createRef(),itemsRef:createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=i,m=y$1(u);y$2([a,o],(g,R)=>{var p;l({type:1}),h$2(R,T$2.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus());},t===0);let I=o$5(()=>{l({type:1});}),A=useMemo(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return React__default.createElement(U$1.Provider,{value:i},React__default.createElement(s$4,{value:u$7(t,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:f,theirProps:s,slot:A,defaultTag:Ie,name:"Menu"})))}let ge="button";function Re$1(e,u){var R;let r=I$6(),{id:s=`headlessui-menu-button-${r}`,...i}=e,[t,o]=C("Menu.Button"),a=y$1(t.buttonRef,u),l=p$3(),m=o$5(p=>{switch(p.key){case o$1.Space:case o$1.Enter:case o$1.ArrowDown:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.First}));break;case o$1.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.Last}));break}}),I=o$5(p=>{switch(p.key){case o$1.Space:p.preventDefault();break}}),A=o$5(p=>{if(r$2(p.currentTarget))return p.preventDefault();e.disabled||(t.menuState===0?(o({type:1}),l.nextFrame(()=>{var M;return (M=t.buttonRef.current)==null?void 0:M.focus({preventScroll:!0})})):(p.preventDefault(),o({type:0})));}),f=useMemo(()=>({open:t.menuState===0}),[t]),g={ref:a,id:s,type:T$1(e,t.buttonRef),"aria-haspopup":"menu","aria-controls":(R=t.itemsRef.current)==null?void 0:R.id,"aria-expanded":t.menuState===0,onKeyDown:m,onKeyUp:I,onClick:A};return C$1({ourProps:g,theirProps:i,slot:f,defaultTag:ge,name:"Menu.Button"})}let Ae="div",be=O.RenderStrategy|O.Static;function Ee(e,u){var M,b;let r=I$6(),{id:s=`headlessui-menu-items-${r}`,...i}=e,[t,o]=C("Menu.Items"),a=y$1(t.itemsRef,u),l=n$2(t.itemsRef),m=p$3(),I=u$3(),A=(()=>I!==null?(I&d$3.Open)===d$3.Open:t.menuState===0)();useEffect(()=>{let n=t.itemsRef.current;n&&t.menuState===0&&n!==(l==null?void 0:l.activeElement)&&n.focus({preventScroll:!0});},[t.menuState,t.itemsRef,l]),F$3({container:t.itemsRef.current,enabled:t.menuState===0,accept(n){return n.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:n.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(n){n.setAttribute("role","none");}});let f=o$5(n=>{var E,x;switch(m.dispose(),n.key){case o$1.Space:if(t.searchQuery!=="")return n.preventDefault(),n.stopPropagation(),o({type:3,value:n.key});case o$1.Enter:if(n.preventDefault(),n.stopPropagation(),o({type:1}),t.activeItemIndex!==null){let{dataRef:S}=t.items[t.activeItemIndex];(x=(E=S.current)==null?void 0:E.domRef.current)==null||x.click();}D$3(t.buttonRef.current);break;case o$1.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Next});case o$1.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Previous});case o$1.Home:case o$1.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.First});case o$1.End:case o$1.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Last});case o$1.Escape:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{var S;return (S=t.buttonRef.current)==null?void 0:S.focus({preventScroll:!0})});break;case o$1.Tab:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{_$3(t.buttonRef.current,n.shiftKey?M$3.Previous:M$3.Next);});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=o$5(n=>{switch(n.key){case o$1.Space:n.preventDefault();break}}),R=useMemo(()=>({open:t.menuState===0}),[t]),p={"aria-activedescendant":t.activeItemIndex===null||(M=t.items[t.activeItemIndex])==null?void 0:M.id,"aria-labelledby":(b=t.buttonRef.current)==null?void 0:b.id,id:s,onKeyDown:f,onKeyUp:g,role:"menu",tabIndex:0,ref:a};return C$1({ourProps:p,theirProps:i,slot:R,defaultTag:Ae,features:be,visible:A,name:"Menu.Items"})}let Se$1=Fragment;function xe$1(e,u){let r=I$6(),{id:s$1=`headlessui-menu-item-${r}`,disabled:i=!1,...t}=e,[o,a]=C("Menu.Item"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===s$1:!1,m=useRef(null),I=y$1(u,m);l$5(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=o$4();return T.requestAnimationFrame(()=>{var P,B;(B=(P=m.current)==null?void 0:P.scrollIntoView)==null||B.call(P,{block:"nearest"});}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=s(m),f=useRef({disabled:i,domRef:m,get textValue(){return A()}});l$5(()=>{f.current.disabled=i;},[f,i]),l$5(()=>(a({type:5,id:s$1,dataRef:f}),()=>a({type:6,id:s$1})),[f,s$1]);let g=o$5(()=>{a({type:1});}),R=o$5(T=>{if(i)return T.preventDefault();a({type:1}),D$3(o.buttonRef.current);}),p=o$5(()=>{if(i)return a({type:2,focus:c$4.Nothing});a({type:2,focus:c$4.Specific,id:s$1});}),M=u$5(),b=o$5(T=>M.update(T)),n=o$5(T=>{M.wasMoved(T)&&(i||l||a({type:2,focus:c$4.Specific,id:s$1,trigger:0}));}),E=o$5(T=>{M.wasMoved(T)&&(i||l&&a({type:2,focus:c$4.Nothing}));}),x=useMemo(()=>({active:l,disabled:i,close:g}),[l,i,g]);return C$1({ourProps:{id:s$1,ref:I,role:"menuitem",tabIndex:i===!0?void 0:-1,"aria-disabled":i===!0?!0:void 0,disabled:void 0,onClick:R,onFocus:p,onPointerEnter:b,onMouseEnter:b,onPointerMove:n,onMouseMove:n,onPointerLeave:E,onMouseLeave:E},theirProps:t,slot:x,defaultTag:Se$1,name:"Menu.Item"})}let Pe$1=U$3(Me),ve=U$3(Re$1),he=U$3(Ee),De$1=U$3(xe$1),qe$1=Object.assign(Pe$1,{Button:ve,Items:he,Item:De$1});
|
|
77312
74386
|
|
|
77313
|
-
|
|
74387
|
+
function c(a=0){let[l,r]=useState(a),t=f$3(),o=useCallback(e=>{t.current&&r(u=>u|e);},[l,t]),m=useCallback(e=>Boolean(l&e),[l]),s=useCallback(e=>{t.current&&r(u=>u&~e);},[r,t]),g=useCallback(e=>{t.current&&r(u=>u^e);},[r]);return {flags:l,addFlag:o,hasFlag:m,removeFlag:s,toggleFlag:g}}
|
|
77314
74388
|
|
|
77315
|
-
function
|
|
74389
|
+
function l(r){let e={called:!1};return (...t)=>{if(!e.called)return e.called=!0,r(...t)}}
|
|
77316
74390
|
|
|
77317
|
-
|
|
74391
|
+
function g(t,...e){t&&e.length>0&&t.classList.add(...e);}function v(t,...e){t&&e.length>0&&t.classList.remove(...e);}function b(t,e){let n=o$4();if(!t)return n.dispose;let{transitionDuration:m,transitionDelay:a}=getComputedStyle(t),[u,p]=[m,a].map(l=>{let[r=0]=l.split(",").filter(Boolean).map(i=>i.includes("ms")?parseFloat(i):parseFloat(i)*1e3).sort((i,T)=>T-i);return r}),o=u+p;if(o!==0){n.group(r=>{r.setTimeout(()=>{e(),r.dispose();},o),r.addEventListener(t,"transitionrun",i=>{i.target===i.currentTarget&&r.dispose();});});let l=n.addEventListener(t,"transitionend",r=>{r.target===r.currentTarget&&(e(),l());});}else e();return n.add(()=>e()),n.dispose}function M$1(t,e,n,m){let a=n?"enter":"leave",u=o$4(),p=m!==void 0?l(m):()=>{};a==="enter"&&(t.removeAttribute("hidden"),t.style.display="");let o=u$7(a,{enter:()=>e.enter,leave:()=>e.leave}),l$1=u$7(a,{enter:()=>e.enterTo,leave:()=>e.leaveTo}),r=u$7(a,{enter:()=>e.enterFrom,leave:()=>e.leaveFrom});return v(t,...e.base,...e.enter,...e.enterTo,...e.enterFrom,...e.leave,...e.leaveFrom,...e.leaveTo,...e.entered),g(t,...e.base,...o,...r),u.nextFrame(()=>{v(t,...e.base,...o,...r),g(t,...e.base,...o,...l$1),b(t,()=>(v(t,...e.base,...o),g(t,...e.base,...e.entered),p()));}),u.dispose}
|
|
77318
74392
|
|
|
77319
|
-
function s
|
|
74393
|
+
function D({immediate:t,container:s,direction:n,classes:u,onStart:a,onStop:c}){let l=f$3(),d=p$3(),e=s$8(n);l$5(()=>{t&&(e.current="enter");},[t]),l$5(()=>{let r=o$4();d.add(r.dispose);let i=s.current;if(i&&e.current!=="idle"&&l.current)return r.dispose(),a.current(e.current),r.add(M$1(i,u.current,e.current==="enter",()=>{r.dispose(),c.current(e.current);})),r.dispose},[n]);}
|
|
77320
74394
|
|
|
77321
|
-
var Je=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(Je||{}),Ve=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(Ve||{}),Xe=(n=>(n[n.OpenMenu=0]="OpenMenu",n[n.CloseMenu=1]="CloseMenu",n[n.GoToItem=2]="GoToItem",n[n.Search=3]="Search",n[n.ClearSearch=4]="ClearSearch",n[n.RegisterItem=5]="RegisterItem",n[n.UnregisterItem=6]="UnregisterItem",n))(Xe||{});function W(e,a=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,i=_(a(e.items.slice()),l=>l.dataRef.current.domRef.current),o=r?i.indexOf(r):null;return o===-1&&(o=null),{items:i,activeItemIndex:o}}let $e={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,a)=>{var l,p,n,u,c;if(e.menuState===1)return e;let r={...e,searchQuery:"",activationTrigger:(l=a.trigger)!=null?l:1,__demoMode:!1};if(a.focus===c$1.Nothing)return {...r,activeItemIndex:null};if(a.focus===c$1.Specific)return {...r,activeItemIndex:e.items.findIndex(t=>t.id===a.id)};if(a.focus===c$1.Previous){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=f$2(a,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:m=>m.id,resolveDisabled:m=>m.dataRef.current.disabled});if(f!==null){let m=e.items[f].dataRef.current.domRef;if(((p=d.current)==null?void 0:p.previousElementSibling)===m.current||((n=m.current)==null?void 0:n.previousElementSibling)===null)return {...r,activeItemIndex:f}}}}else if(a.focus===c$1.Next){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=f$2(a,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:m=>m.id,resolveDisabled:m=>m.dataRef.current.disabled});if(f!==null){let m=e.items[f].dataRef.current.domRef;if(((u=d.current)==null?void 0:u.nextElementSibling)===m.current||((c=m.current)==null?void 0:c.nextElementSibling)===null)return {...r,activeItemIndex:f}}}}let i=W(e),o=f$2(a,{resolveItems:()=>i.items,resolveActiveIndex:()=>i.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...r,...i,activeItemIndex:o}},[3]:(e,a)=>{let i=e.searchQuery!==""?0:1,o=e.searchQuery+a.value.toLowerCase(),p=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+i).concat(e.items.slice(0,e.activeItemIndex+i)):e.items).find(u=>{var c;return ((c=u.dataRef.current.textValue)==null?void 0:c.startsWith(o))&&!u.dataRef.current.disabled}),n=p?e.items.indexOf(p):-1;return n===-1||n===e.activeItemIndex?{...e,searchQuery:o}:{...e,searchQuery:o,activeItemIndex:n,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,a)=>{let r=W(e,i=>[...i,{id:a.id,dataRef:a.dataRef}]);return {...e,...r}},[6]:(e,a)=>{let r=W(e,i=>{let o=i.findIndex(l=>l.id===a.id);return o!==-1&&i.splice(o,1),i});return {...e,...r,activationTrigger:1}}},j=createContext(null);j.displayName="MenuContext";function B(e){let a=useContext(j);if(a===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,B),r}return a}function qe(e,a){return u$8(a.type,$e,e,a)}let ze=Fragment;function Ye(e,a){let{__demoMode:r=!1,...i$1}=e,o=useReducer(qe,{__demoMode:r,menuState:r?0:1,buttonRef:createRef(),itemsRef:createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:l,itemsRef:p,buttonRef:n},u]=o,c=y$4(a);F$3(l===0,[n,p],(S,b)=>{var y;u({type:1}),A$1(b,h.Loose)||(S.preventDefault(),(y=n.current)==null||y.focus());});let d=o$3(()=>{u({type:1});}),f=useMemo(()=>({open:l===0,close:d}),[l,d]),m={ref:c};return React__default.createElement(ve,null,React__default.createElement(j.Provider,{value:o},React__default.createElement(c$2,{value:u$8(l,{[0]:i.Open,[1]:i.Closed})},H$2({ourProps:m,theirProps:i$1,slot:f,defaultTag:ze,name:"Menu"}))))}let Ze="button";function et(e,a){var D;let r=useId$1(),{id:i=`headlessui-menu-button-${r}`,disabled:o=!1,autoFocus:l=!1,...p}=e,[n,u]=B("Menu.Button"),c=Fe$1(),t=y$4(n.buttonRef,a,ye$1()),d=o$3(g=>{switch(g.key){case o$2.Space:case o$2.Enter:case o$2.ArrowDown:g.preventDefault(),g.stopPropagation(),reactDomExports.flushSync(()=>u({type:0})),u({type:2,focus:c$1.First});break;case o$2.ArrowUp:g.preventDefault(),g.stopPropagation(),reactDomExports.flushSync(()=>u({type:0})),u({type:2,focus:c$1.Last});break}}),f=o$3(g=>{switch(g.key){case o$2.Space:g.preventDefault();break}}),m=o$3(g=>{var h;if(r$1(g.currentTarget))return g.preventDefault();o||(n.menuState===0?(reactDomExports.flushSync(()=>u({type:1})),(h=n.buttonRef.current)==null||h.focus({preventScroll:!0})):(g.preventDefault(),u({type:0})));}),{isFocusVisible:S,focusProps:b}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:l}),{isHovered:y,hoverProps:E}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:o}),{pressed:P,pressProps:_}=w$4({disabled:o}),C=useMemo(()=>({open:n.menuState===0,active:P||n.menuState===0,disabled:o,hover:y,focus:S,autofocus:l}),[n,y,S,P,o,l]),F=D$4(c(),{ref:t,id:i,type:T(e,n.buttonRef),"aria-haspopup":"menu","aria-controls":(D=n.itemsRef.current)==null?void 0:D.id,"aria-expanded":n.menuState===0,disabled:o||void 0,autoFocus:l,onKeyDown:d,onKeyUp:f,onClick:m},b,E,_);return H$2({ourProps:F,theirProps:p,slot:C,defaultTag:Ze,name:"Menu.Button"})}let tt="div",nt=O$1.RenderStrategy|O$1.Static;function rt(e,a){var Q,J;let r=useId$1(),{id:i$1=`headlessui-menu-items-${r}`,anchor:o,portal:l=!1,modal:p$1=!0,transition:n=!1,...u}=e,c=xe$2(o),[t,d]=B("Menu.Items"),[f,m]=Re$1(c),S=be$1(),b=y$4(t.itemsRef,a,c?f:null),y=n$1(t.itemsRef);c&&(l=!0);let E=u$2(),[P,_]=V$2(n,t.itemsRef,E!==null?(E&i.Open)===i.Open:t.menuState===0);m$2(P,t.buttonRef,()=>{d({type:1});});let C=t.__demoMode?!1:p$1&&t.menuState===0;f$3(C,y);let F=t.__demoMode?!1:p$1&&t.menuState===0;y$3(F,{allowed:o$3(()=>[t.buttonRef.current,t.itemsRef.current])});let D=t.menuState!==0,h=p(D,t.buttonRef)?!1:P;useEffect(()=>{let s=t.itemsRef.current;s&&t.menuState===0&&s!==(y==null?void 0:y.activeElement)&&s.focus({preventScroll:!0});},[t.menuState,t.itemsRef,y,t.itemsRef.current]),F$1(t.menuState===0,{container:t.itemsRef.current,accept(s){return s.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:s.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(s){s.setAttribute("role","none");}});let w=p$3(),M=o$3(s=>{var V,X,$;switch(w.dispose(),s.key){case o$2.Space:if(t.searchQuery!=="")return s.preventDefault(),s.stopPropagation(),d({type:3,value:s.key});case o$2.Enter:if(s.preventDefault(),s.stopPropagation(),d({type:1}),t.activeItemIndex!==null){let{dataRef:se}=t.items[t.activeItemIndex];(X=(V=se.current)==null?void 0:V.domRef.current)==null||X.click();}G(t.buttonRef.current);break;case o$2.ArrowDown:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:c$1.Next});case o$2.ArrowUp:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:c$1.Previous});case o$2.Home:case o$2.PageUp:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:c$1.First});case o$2.End:case o$2.PageDown:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:c$1.Last});case o$2.Escape:s.preventDefault(),s.stopPropagation(),reactDomExports.flushSync(()=>d({type:1})),($=t.buttonRef.current)==null||$.focus({preventScroll:!0});break;case o$2.Tab:s.preventDefault(),s.stopPropagation(),reactDomExports.flushSync(()=>d({type:1})),j$3(t.buttonRef.current,s.shiftKey?F$4.Previous:F$4.Next);break;default:s.key.length===1&&(d({type:3,value:s.key}),w.setTimeout(()=>d({type:4}),350));break}}),L=o$3(s=>{switch(s.key){case o$2.Space:s.preventDefault();break}}),ae=useMemo(()=>({open:t.menuState===0}),[t.menuState]),ie=D$4(c?S():{},{"aria-activedescendant":t.activeItemIndex===null||(Q=t.items[t.activeItemIndex])==null?void 0:Q.id,"aria-labelledby":(J=t.buttonRef.current)==null?void 0:J.id,id:i$1,onKeyDown:M,onKeyUp:L,role:"menu",tabIndex:t.menuState===0?0:void 0,ref:b,style:{...u.style,...m,"--button-width":f$6(t.buttonRef,!0).width},...A(_)});return React__default.createElement(te$1,{enabled:l?e.static||P:!1},H$2({ourProps:ie,theirProps:u,slot:ae,defaultTag:tt,features:nt,visible:h,name:"Menu.Items"}))}let ot=Fragment;function at(e,a){let r=useId$1(),{id:i=`headlessui-menu-item-${r}`,disabled:o=!1,...l}=e,[p,n]=B("Menu.Item"),u=p.activeItemIndex!==null?p.items[p.activeItemIndex].id===i:!1,c=useRef(null),t=y$4(a,c);n$3(()=>{if(!p.__demoMode&&p.menuState===0&&u&&p.activationTrigger!==0)return o$4().requestAnimationFrame(()=>{var M,L;(L=(M=c.current)==null?void 0:M.scrollIntoView)==null||L.call(M,{block:"nearest"});})},[p.__demoMode,c,u,p.menuState,p.activationTrigger,p.activeItemIndex]);let d=s(c),f=useRef({disabled:o,domRef:c,get textValue(){return d()}});n$3(()=>{f.current.disabled=o;},[f,o]),n$3(()=>(n({type:5,id:i,dataRef:f}),()=>n({type:6,id:i})),[f,i]);let m=o$3(()=>{n({type:1});}),S=o$3(M=>{if(o)return M.preventDefault();n({type:1}),G(p.buttonRef.current);}),b=o$3(()=>{if(o)return n({type:2,focus:c$1.Nothing});n({type:2,focus:c$1.Specific,id:i});}),y=u$3(),E=o$3(M=>{y.update(M),!o&&(u||n({type:2,focus:c$1.Specific,id:i,trigger:0}));}),P=o$3(M=>{y.wasMoved(M)&&(o||u||n({type:2,focus:c$1.Specific,id:i,trigger:0}));}),_=o$3(M=>{y.wasMoved(M)&&(o||u&&n({type:2,focus:c$1.Nothing}));}),[C,F]=z(),[D,g]=U$2(),h=useMemo(()=>({active:u,focus:u,disabled:o,close:m}),[u,o,m]);return React__default.createElement(F,null,React__default.createElement(g,null,H$2({ourProps:{id:i,ref:t,role:"menuitem",tabIndex:o===!0?void 0:-1,"aria-disabled":o===!0?!0:void 0,"aria-labelledby":C,"aria-describedby":D,disabled:void 0,onClick:S,onFocus:b,onPointerEnter:E,onMouseEnter:E,onPointerMove:P,onMouseMove:P,onPointerLeave:_,onMouseLeave:_},theirProps:l,slot:h,defaultTag:ot,name:"Menu.Item"})))}let it="div";function st(e,a){let[r,i]=z();return React__default.createElement(i,null,H$2({ourProps:{ref:a,"aria-labelledby":r,role:"group"},theirProps:e,slot:{},defaultTag:it,name:"Menu.Section"}))}let lt="header";function ut(e,a){let r=useId$1(),{id:i=`headlessui-menu-heading-${r}`,...o}=e,l=P$1();n$3(()=>l.register(i),[i,l.register]);let p={id:i,ref:a,role:"presentation",...l.props};return H$2({ourProps:p,theirProps:o,slot:{},defaultTag:lt,name:"Menu.Heading"})}let pt="div";function dt(e,a){return H$2({ourProps:{ref:a,role:"separator"},theirProps:e,slot:{},defaultTag:pt,name:"Menu.Separator"})}let mt=I$5(Ye),ct=I$5(et),ft=I$5(rt),Tt=I$5(at),yt=I$5(st),gt=I$5(ut),It=I$5(dt),Zt=Object.assign(mt,{Button:ct,Items:ft,Item:Tt,Section:yt,Heading:gt,Separator:It});
|
|
74395
|
+
function S(t=""){return t.split(/\s+/).filter(n=>n.length>1)}let I=createContext(null);I.displayName="TransitionContext";var Se=(r=>(r.Visible="visible",r.Hidden="hidden",r))(Se||{});function ye(){let t=useContext(I);if(t===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return t}function xe(){let t=useContext(M);if(t===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return t}let M=createContext(null);M.displayName="NestingContext";function U(t){return "children"in t?U(t.children):t.current.filter(({el:n})=>n.current!==null).filter(({state:n})=>n==="visible").length>0}function se(t,n){let r=s$8(t),s=useRef([]),R=f$3(),D=p$3(),p=o$5((i,e=v$2.Hidden)=>{let a=s.current.findIndex(({el:o})=>o===i);a!==-1&&(u$7(e,{[v$2.Unmount](){s.current.splice(a,1);},[v$2.Hidden](){s.current[a].state="hidden";}}),D.microTask(()=>{var o;!U(s)&&R.current&&((o=r.current)==null||o.call(r));}));}),x=o$5(i=>{let e=s.current.find(({el:a})=>a===i);return e?e.state!=="visible"&&(e.state="visible"):s.current.push({el:i,state:"visible"}),()=>p(i,v$2.Unmount)}),h=useRef([]),v=useRef(Promise.resolve()),u=useRef({enter:[],leave:[],idle:[]}),g=o$5((i,e,a)=>{h.current.splice(0),n&&(n.chains.current[e]=n.chains.current[e].filter(([o])=>o!==i)),n==null||n.chains.current[e].push([i,new Promise(o=>{h.current.push(o);})]),n==null||n.chains.current[e].push([i,new Promise(o=>{Promise.all(u.current[e].map(([f,N])=>N)).then(()=>o());})]),e==="enter"?v.current=v.current.then(()=>n==null?void 0:n.wait.current).then(()=>a(e)):a(e);}),d=o$5((i,e,a)=>{Promise.all(u.current[e].splice(0).map(([o,f])=>f)).then(()=>{var o;(o=h.current.shift())==null||o();}).then(()=>a(e));});return useMemo(()=>({children:s,register:x,unregister:p,onStart:g,onStop:d,wait:v,chains:u}),[x,p,s,g,d,u,v])}function Ne(){}let Pe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ae(t){var r;let n={};for(let s of Pe)n[s]=(r=t[s])!=null?r:Ne;return n}function Re(t){let n=useRef(ae(t));return useEffect(()=>{n.current=ae(t);},[t]),n}let De="div",le=O.RenderStrategy;function He(t,n){var Q,Y;let{beforeEnter:r,afterEnter:s,beforeLeave:R,afterLeave:D$1,enter:p,enterFrom:x,enterTo:h,entered:v,leave:u,leaveFrom:g,leaveTo:d,...i}=t,e=useRef(null),a=y$1(e,n),o=(Q=i.unmount)==null||Q?v$2.Unmount:v$2.Hidden,{show:f,appear:N,initial:T}=ye(),[l,j]=useState(f?"visible":"hidden"),z=xe(),{register:L,unregister:O}=z;useEffect(()=>L(e),[L,e]),useEffect(()=>{if(o===v$2.Hidden&&e.current){if(f&&l!=="visible"){j("visible");return}return u$7(l,{["hidden"]:()=>O(e),["visible"]:()=>L(e)})}},[l,e,L,O,f,o]);let k=s$8({base:S(i.className),enter:S(p),enterFrom:S(x),enterTo:S(h),entered:S(v),leave:S(u),leaveFrom:S(g),leaveTo:S(d)}),V=Re({beforeEnter:r,afterEnter:s,beforeLeave:R,afterLeave:D$1}),G=l$4();useEffect(()=>{if(G&&l==="visible"&&e.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[e,l,G]);let Te=T&&!N,K=N&&f&&T,de=(()=>!G||Te?"idle":f?"enter":"leave")(),H=c(0),fe=o$5(C=>u$7(C,{enter:()=>{H.addFlag(d$3.Opening),V.current.beforeEnter();},leave:()=>{H.addFlag(d$3.Closing),V.current.beforeLeave();},idle:()=>{}})),me=o$5(C=>u$7(C,{enter:()=>{H.removeFlag(d$3.Opening),V.current.afterEnter();},leave:()=>{H.removeFlag(d$3.Closing),V.current.afterLeave();},idle:()=>{}})),w=se(()=>{j("hidden"),O(e);},z),B=useRef(!1);D({immediate:K,container:e,classes:k,direction:de,onStart:s$8(C=>{B.current=!0,w.onStart(e,C,fe);}),onStop:s$8(C=>{B.current=!1,w.onStop(e,C,me),C==="leave"&&!U(w)&&(j("hidden"),O(e));})});let P=i,ce={ref:a};return K?P={...P,className:t$5(i.className,...k.current.enter,...k.current.enterFrom)}:B.current&&(P.className=t$5(i.className,(Y=e.current)==null?void 0:Y.className),P.className===""&&delete P.className),React__default.createElement(M.Provider,{value:w},React__default.createElement(s$4,{value:u$7(l,{["visible"]:d$3.Open,["hidden"]:d$3.Closed})|H.flags},C$1({ourProps:ce,theirProps:P,defaultTag:De,features:le,visible:l==="visible",name:"Transition.Child"})))}function Fe(t,n){let{show:r,appear:s=!1,unmount:R=!0,...D}=t,p=useRef(null),x=y$1(p,n);l$4();let h=u$3();if(r===void 0&&h!==null&&(r=(h&d$3.Open)===d$3.Open),![!0,!1].includes(r))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[v,u]=useState(r?"visible":"hidden"),g=se(()=>{u("hidden");}),[d,i]=useState(!0),e=useRef([r]);l$5(()=>{d!==!1&&e.current[e.current.length-1]!==r&&(e.current.push(r),i(!1));},[e,r]);let a=useMemo(()=>({show:r,appear:s,initial:d}),[r,s,d]);useEffect(()=>{if(r)u("visible");else if(!U(g))u("hidden");else {let T=p.current;if(!T)return;let l=T.getBoundingClientRect();l.x===0&&l.y===0&&l.width===0&&l.height===0&&u("hidden");}},[r,g]);let o={unmount:R},f=o$5(()=>{var T;d&&i(!1),(T=t.beforeEnter)==null||T.call(t);}),N=o$5(()=>{var T;d&&i(!1),(T=t.beforeLeave)==null||T.call(t);});return React__default.createElement(M.Provider,{value:g},React__default.createElement(I.Provider,{value:a},C$1({ourProps:{...o,as:Fragment,children:React__default.createElement(ue,{ref:x,...o,...D,beforeEnter:f,beforeLeave:N})},theirProps:{},defaultTag:Fragment,features:le,visible:v==="visible",name:"Transition"})))}function _e(t,n){let r=useContext(I)!==null,s=u$3()!==null;return React__default.createElement(React__default.Fragment,null,!r&&s?React__default.createElement(q,{ref:n,...t}):React__default.createElement(ue,{ref:n,...t}))}let q=U$3(Fe),ue=U$3(He),Le=U$3(_e),qe=Object.assign(q,{Child:Le,Root:q});
|
|
77322
74396
|
|
|
77323
74397
|
var OpenStateContext = createContext(undefined);
|
|
77324
74398
|
var useOpenState = function () {
|
|
@@ -77330,7 +74404,7 @@ var useOpenState = function () {
|
|
|
77330
74404
|
};
|
|
77331
74405
|
var Collapsible = function (_a) {
|
|
77332
74406
|
var children = _a.children, defaultOpen = _a.defaultOpen;
|
|
77333
|
-
return (React__default.createElement(
|
|
74407
|
+
return (React__default.createElement(Ae$1, { defaultOpen: defaultOpen }, function (_a) {
|
|
77334
74408
|
var open = _a.open;
|
|
77335
74409
|
return (React__default.createElement(OpenStateContext.Provider, { value: open }, children));
|
|
77336
74410
|
}));
|
|
@@ -77392,14 +74466,14 @@ Collapsible.Button = function (_a) {
|
|
|
77392
74466
|
};
|
|
77393
74467
|
var finalLabelClasses = classNames(labelClasses[variant].base, labelClasses[variant].dark.base, !disabled ? labelClasses[variant].active : "", !disabled ? labelClasses[variant].dark.active : "", !disabled ? labelClasses[variant].hover : "", !disabled ? labelClasses[variant].dark.hover : "", disabled ? labelClasses[variant].disabled : "");
|
|
77394
74468
|
var finalChevronClasses = classNames(chevronClasses[variant].base, chevronClasses[variant].dark.base, !disabled ? chevronClasses[variant].active : "", !disabled ? chevronClasses[variant].dark.active : "", !disabled ? chevronClasses[variant].hover : "", !disabled ? chevronClasses[variant].dark.hover : "", disabled ? chevronClasses[variant].disabled : "");
|
|
77395
|
-
return (React__default.createElement(
|
|
74469
|
+
return (React__default.createElement(Ae$1.Button, { disabled: disabled, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-items-center s-justify-items-center s-gap-1 s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0") },
|
|
77396
74470
|
React__default.createElement(Icon, { visual: open ? SvgChevronDown$1 : SvgChevronRight$1, size: "sm", className: finalChevronClasses }),
|
|
77397
74471
|
children ? children : React__default.createElement("span", { className: finalLabelClasses }, label)));
|
|
77398
74472
|
};
|
|
77399
74473
|
Collapsible.Panel = function (_a) {
|
|
77400
74474
|
var children = _a.children;
|
|
77401
|
-
return (React__default.createElement(
|
|
77402
|
-
React__default.createElement(
|
|
74475
|
+
return (React__default.createElement(qe, { enter: "s-transition s-duration-300 s-ease-out", enterFrom: "s-transform s-scale-95 s-opacity-0", enterTo: "s-transform s-scale-100 s-opacity-100", leave: "s-transition s-duration-300 s-ease-out", leaveFrom: "s-transform s-scale-100 s-opacity-100", leaveTo: "s-transform s-scale-95 s-opacity-0" },
|
|
74476
|
+
React__default.createElement(Ae$1.Panel, null,
|
|
77403
74477
|
React__default.createElement("div", { className: "s-text-gray-500" }, children))));
|
|
77404
74478
|
};
|
|
77405
74479
|
|
|
@@ -78597,11 +75671,10 @@ function ZoomableImageCitationWrapper(_a) {
|
|
|
78597
75671
|
return (React__default.createElement(React__default.Fragment, null,
|
|
78598
75672
|
React__default.createElement("div", { onClick: handleZoomToggle, className: "s-min-h-76 s-group s-h-full" },
|
|
78599
75673
|
React__default.createElement(Citation, { title: title, size: size, type: "image", imgSrc: imgSrc })),
|
|
78600
|
-
React__default.createElement(
|
|
78601
|
-
React__default.createElement(
|
|
78602
|
-
|
|
78603
|
-
|
|
78604
|
-
React__default.createElement($e$1, null,
|
|
75674
|
+
React__default.createElement(_t, { open: isZoomed, onClose: handleZoomToggle, className: "s-relative s-z-50" },
|
|
75675
|
+
React__default.createElement("div", { className: "s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity" },
|
|
75676
|
+
React__default.createElement(_t.Panel, { className: "s-max-w-lg s-space-y-4" },
|
|
75677
|
+
React__default.createElement(_t.Title, null,
|
|
78605
75678
|
React__default.createElement("div", { className: "s-flex s-justify-end" },
|
|
78606
75679
|
React__default.createElement(IconButton, { icon: SvgXCircle$1, onClick: handleZoomToggle, variant: "white" }))),
|
|
78607
75680
|
React__default.createElement("img", { src: imgSrc, alt: alt }))))));
|
|
@@ -78649,7 +75722,7 @@ function DropdownMenu(_a) {
|
|
|
78649
75722
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
78650
75723
|
var buttonRef = useRef(null);
|
|
78651
75724
|
return (React__default.createElement(ButtonRefContext.Provider, { value: buttonRef },
|
|
78652
|
-
React__default.createElement(
|
|
75725
|
+
React__default.createElement(qe$1, { as: "div", className: classNames(className, "s-relative s-inline-block") }, children)));
|
|
78653
75726
|
}
|
|
78654
75727
|
DropdownMenu.Button = function (_a) {
|
|
78655
75728
|
var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
|
|
@@ -78658,7 +75731,7 @@ DropdownMenu.Button = function (_a) {
|
|
|
78658
75731
|
var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
|
|
78659
75732
|
var buttonRef = useContext(ButtonRefContext);
|
|
78660
75733
|
if (children) {
|
|
78661
|
-
return (React__default.createElement(
|
|
75734
|
+
return (React__default.createElement(qe$1.Button, { as: "div", disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0"), onClick: onClick }, tooltip ? (React__default.createElement(Tooltip, { position: tooltipPosition, label: tooltip }, children)) : (children)));
|
|
78662
75735
|
}
|
|
78663
75736
|
var chevronIcon = type === "select"
|
|
78664
75737
|
? SvgChevronUpDown$1
|
|
@@ -78666,9 +75739,9 @@ DropdownMenu.Button = function (_a) {
|
|
|
78666
75739
|
? SvgChevronRight$1
|
|
78667
75740
|
: SvgChevronDown$1;
|
|
78668
75741
|
return (React__default.createElement(React__default.Fragment, null, tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition },
|
|
78669
|
-
React__default.createElement(
|
|
75742
|
+
React__default.createElement(qe$1.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5") },
|
|
78670
75743
|
React__default.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
78671
|
-
React__default.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))) : (React__default.createElement(
|
|
75744
|
+
React__default.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))) : (React__default.createElement(qe$1.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5", type === "submenu" ? "s-opacity-50" : "") },
|
|
78672
75745
|
React__default.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
78673
75746
|
React__default.createElement("span", { className: classNames(finalLabelClasses, type === "submenu" ? "s-w-full" : "") }, label),
|
|
78674
75747
|
React__default.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
|
|
@@ -78677,7 +75750,7 @@ DropdownMenu.Item = function (_a) {
|
|
|
78677
75750
|
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description, href = _a.href, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children, _c = _a.selected, selected = _c === void 0 ? false : _c;
|
|
78678
75751
|
return (
|
|
78679
75752
|
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
78680
|
-
React__default.createElement(
|
|
75753
|
+
React__default.createElement(qe$1.Item, { disabled: disabled, as: "div" }, hasChildren ? (React__default.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-py-2" },
|
|
78681
75754
|
React__default.createElement(DropdownMenu.Button, { label: label, type: "submenu", className: "s-w-full" }),
|
|
78682
75755
|
children)) : (React__default.createElement(Item.Dropdown, { style: variant, className: "s-w-full", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description, selected: selected }))));
|
|
78683
75756
|
};
|
|
@@ -78685,7 +75758,7 @@ DropdownMenu.SectionHeader = function (_a) {
|
|
|
78685
75758
|
var label = _a.label;
|
|
78686
75759
|
return (
|
|
78687
75760
|
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
78688
|
-
React__default.createElement(
|
|
75761
|
+
React__default.createElement(qe$1.Item, { as: "div" },
|
|
78689
75762
|
React__default.createElement("div", { className: classNames("s-w-full", "s-text-element-600 dark:s-text-element-600-dark", "s-pb-3 s-pt-4 s-text-xs s-font-medium s-uppercase") }, label)));
|
|
78690
75763
|
};
|
|
78691
75764
|
var classNamesForVariant = function (variant, hasDropdownItem) {
|
|
@@ -78764,8 +75837,8 @@ DropdownMenu.Items = function (_a) {
|
|
|
78764
75837
|
}
|
|
78765
75838
|
return style;
|
|
78766
75839
|
};
|
|
78767
|
-
return (React__default.createElement(
|
|
78768
|
-
React__default.createElement(
|
|
75840
|
+
return (React__default.createElement(qe, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
|
|
75841
|
+
React__default.createElement(qe$1.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
|
|
78769
75842
|
topBar,
|
|
78770
75843
|
React__default.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
|
|
78771
75844
|
React__default.createElement(Item.List, null, children)),
|
|
@@ -106045,13 +103118,13 @@ function Modal(_a) {
|
|
|
106045
103118
|
onClose: onClose,
|
|
106046
103119
|
};
|
|
106047
103120
|
var _d = getModalClasses(type), containerClasses = _d.containerClasses, transitionEnterFrom = _d.transitionEnterFrom, transitionLeaveFrom = _d.transitionLeaveFrom, transitionEnterTo = _d.transitionEnterTo, transitionLeaveTo = _d.transitionLeaveTo, panelClasses = _d.panelClasses, innerContainerClasses = _d.innerContainerClasses;
|
|
106048
|
-
return (React__default.createElement(
|
|
106049
|
-
React__default.createElement(
|
|
106050
|
-
React__default.createElement(
|
|
103121
|
+
return (React__default.createElement(qe, { show: isOpen, as: Fragment, appear: true },
|
|
103122
|
+
React__default.createElement(_t, { as: "div", className: "s-fixed s-absolute s-inset-0 s-z-50 s-overflow-hidden", onClose: onClose },
|
|
103123
|
+
React__default.createElement(qe.Child, { as: Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
|
|
106051
103124
|
React__default.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
|
|
106052
103125
|
React__default.createElement("div", { className: classNames(containerClasses, variantSize[variant]) },
|
|
106053
|
-
React__default.createElement(
|
|
106054
|
-
React__default.createElement(
|
|
103126
|
+
React__default.createElement(qe.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: transitionEnterFrom, enterTo: transitionEnterTo, leave: "s-ease-in s-duration-200", leaveFrom: transitionLeaveFrom, leaveTo: transitionLeaveTo },
|
|
103127
|
+
React__default.createElement(_t.Panel, { className: classNames("s-absolute s-transform s-bg-structure-0 s-px-3 s-transition-all sm:s-px-4", panelClasses, variantSize[variant]) },
|
|
106055
103128
|
React__default.createElement(BarHeader, { title: title || "", leftActions: action ? React__default.createElement(Button, __assign({}, action)) : undefined, rightActions: React__default.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
|
|
106056
103129
|
React__default.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses, className !== null && className !== void 0 ? className : "") }, children)))))));
|
|
106057
103130
|
}
|
|
@@ -106161,15 +103234,15 @@ function ElementModal(_a) {
|
|
|
106161
103234
|
function Dialog(_a) {
|
|
106162
103235
|
var isOpen = _a.isOpen, children = _a.children, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, title = _a.title, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;
|
|
106163
103236
|
var referentRef = useRef(null);
|
|
106164
|
-
return (React__default.createElement(
|
|
106165
|
-
React__default.createElement(
|
|
106166
|
-
React__default.createElement(
|
|
103237
|
+
return (React__default.createElement(qe, { show: isOpen, as: Fragment, appear: true },
|
|
103238
|
+
React__default.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
|
|
103239
|
+
React__default.createElement(qe.Child, { as: Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
|
|
106167
103240
|
React__default.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
|
|
106168
103241
|
React__default.createElement("div", { className: "s-fixed s-inset-0 s-z-50" },
|
|
106169
103242
|
React__default.createElement("div", { className: "s-flex s-min-h-full s-items-center s-justify-center" },
|
|
106170
|
-
React__default.createElement(
|
|
106171
|
-
React__default.createElement(
|
|
106172
|
-
React__default.createElement(
|
|
103243
|
+
React__default.createElement(qe.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 s-scale-95" },
|
|
103244
|
+
React__default.createElement(_t.Panel, { className: classNames("s-relative s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl s-transition-all", "s-w-full sm:s-w-[448px]", "s-flex s-flex-col s-gap-6"), ref: referentRef },
|
|
103245
|
+
React__default.createElement(_t.Title, { className: "s-text-element-950 s-truncate s-text-lg s-font-medium" }, title),
|
|
106173
103246
|
React__default.createElement("div", { className: "s-z-10 s-text-base s-text-element-700" }, children),
|
|
106174
103247
|
React__default.createElement("div", { className: "s-z-10 s-flex s-w-full s-justify-end" },
|
|
106175
103248
|
React__default.createElement(Button.List, null,
|
|
@@ -106262,7 +103335,7 @@ function RadioButton(_a) {
|
|
|
106262
103335
|
|
|
106263
103336
|
function Popup(_a) {
|
|
106264
103337
|
var show = _a.show, chipLabel = _a.chipLabel, description = _a.description, buttonLabel = _a.buttonLabel, buttonClick = _a.buttonClick, className = _a.className, onClose = _a.onClose;
|
|
106265
|
-
return (React__default.createElement(
|
|
103338
|
+
return (React__default.createElement(qe, { show: show, enter: "s-transition-opacity s-duration-300", appear: true, enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-transition-opacity s-duration-300", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0", className: classNames("s-z-30 s-flex s-w-64 s-flex-col s-gap-3 s-rounded-xl s-border s-border-pink-100 s-bg-pink-50 s-p-4 s-shadow-xl", className || "") },
|
|
106266
103339
|
React__default.createElement("div", null,
|
|
106267
103340
|
React__default.createElement("div", { className: "s-flex" },
|
|
106268
103341
|
React__default.createElement(Chip, { color: "pink" }, chipLabel),
|