@dust-tt/sparkle 0.1.78 → 0.1.79

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.
Files changed (16) hide show
  1. package/dist/cjs/_index.d.ts +2 -0
  2. package/dist/cjs/components/Avatar.d.ts +2 -1
  3. package/dist/cjs/components/Collapsible.d.ts +26 -0
  4. package/dist/cjs/components/ContextItem.d.ts +2 -1
  5. package/dist/cjs/components/Page.d.ts +1 -4
  6. package/dist/cjs/index.js +476 -390
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/esm/_index.d.ts +2 -0
  9. package/dist/esm/components/Avatar.d.ts +2 -1
  10. package/dist/esm/components/Collapsible.d.ts +26 -0
  11. package/dist/esm/components/ContextItem.d.ts +2 -1
  12. package/dist/esm/components/Page.d.ts +1 -4
  13. package/dist/esm/index.js +476 -391
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -48,7 +48,7 @@ function styleInject(css, ref) {
48
48
  }
49
49
  }
50
50
 
51
- var css_248z = ".s-pointer-events-none {\n pointer-events: none\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-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-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\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-auto {\n margin-left: auto;\n margin-right: auto\n}\n.-s-mb-px {\n margin-bottom: -1px\n}\n.-s-mt-1 {\n margin-top: -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-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\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-mt-8 {\n margin-top: 2rem\n}\n.s-box-border {\n box-sizing: border-box\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-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\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-full {\n height: 100%\n}\n.s-h-px {\n height: 1px\n}\n.s-max-h-full {\n max-height: 100%\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-11 {\n width: 2.75rem\n}\n.s-w-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\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-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-7 {\n width: 1.75rem\n}\n.s-w-8 {\n width: 2rem\n}\n.s-w-full {\n width: 100%\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-full {\n max-width: 100%\n}\n.s-flex-1 {\n flex: 1 1 0%\n}\n.s-flex-shrink-0 {\n flex-shrink: 0\n}\n.s-shrink {\n flex-shrink: 1\n}\n.s-grow {\n flex-grow: 1\n}\n.s-basis-0 {\n flex-basis: 0px\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-full {\n --tw-translate-x: 100%;\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@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 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n 0% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n 12.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 25% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 37.5% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0\n }\n 50% {\n padding-left: 50%;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 62.5% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 75% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 50%;\n padding-bottom: 0\n }\n 87.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 0\n }\n 100% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n}\n.s-animate-move-square {\n animation: s-move-square 4s ease-out infinite\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-grid-cols-3 {\n grid-template-columns: repeat(3, 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-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-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-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-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\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-y-2 {\n row-gap: 0.5rem\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-self-stretch {\n align-self: stretch\n}\n.s-overflow-auto {\n overflow: auto\n}\n.s-overflow-hidden {\n overflow: hidden\n}\n.s-overflow-y-auto {\n overflow-y: auto\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-break-words {\n overflow-wrap: break-word\n}\n.s-rounded-2xl {\n border-radius: 1rem\n}\n.s-rounded-3xl {\n border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n border-radius: 25%\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-b {\n border-bottom-width: 1px\n}\n.s-border-b-2 {\n border-bottom-width: 2px\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-element-500 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / 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-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / 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-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / 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-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-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-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / 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-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / 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-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / 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-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / 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-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / 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-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / 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-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / 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-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / 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-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / 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-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / 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-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / 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-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / 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-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / 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-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / 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-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 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-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / 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-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/90 {\n background-color: rgb(255 255 255 / 0.9)\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-opacity-75 {\n --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n stroke: #f8fafc\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-3 {\n padding: 0.75rem\n}\n.s-p-4 {\n padding: 1rem\n}\n.s-p-6 {\n padding: 1.5rem\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-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-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-4 {\n padding-bottom: 1rem\n}\n.s-pb-5 {\n padding-bottom: 1.25rem\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-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-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\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-3 {\n padding-top: 0.75rem\n}\n.s-pt-8 {\n padding-top: 2rem\n}\n.s-text-left {\n text-align: left\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-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-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-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / 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-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-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-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / 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-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / 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-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / 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-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / 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-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / 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-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n color: transparent\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-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / 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-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-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-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\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-xl {\n --tw-backdrop-blur: blur(24px);\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-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.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.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.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed\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.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\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.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\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.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\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.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-structure-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-success-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\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.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\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.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.hover\\:s-text-element-800:hover {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\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.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.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\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.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.focus\\:s-border-action-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\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.active\\:s-scale-95:active {\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.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\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.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\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.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\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.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\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.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\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.active\\:s-text-element-900:active {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\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.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.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.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.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: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:is(.s-dark .dark\\:s-border-action-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\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: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: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: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:is(.s-dark .dark\\:s-border-warning-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(248 113 113 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\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: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: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: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: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:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\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: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: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:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\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: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:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\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: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:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\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: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:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\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: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@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\: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 .sm\\: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 .sm\\: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 .sm\\:s-p-0 {\n padding: 0px\n }\n .sm\\:s-p-6 {\n padding: 1.5rem\n }\n}\n@media (min-width: 768px) {\n .md\\:s-flex-row {\n flex-direction: row\n }\n .md\\:s-items-center {\n align-items: center\n }\n}\n@media (min-width: 1024px) {\n .lg\\:s-w-1\\/2 {\n width: 50%\n }\n}";
51
+ var css_248z = ".s-pointer-events-none {\n pointer-events: none\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-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-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\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-mx-auto {\n margin-left: auto;\n margin-right: auto\n}\n.-s-mb-px {\n margin-bottom: -1px\n}\n.-s-mt-1 {\n margin-top: -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-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\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-mt-8 {\n margin-top: 2rem\n}\n.s-box-border {\n box-sizing: border-box\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-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\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-full {\n height: 100%\n}\n.s-h-px {\n height: 1px\n}\n.s-max-h-full {\n max-height: 100%\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-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\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-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-7 {\n width: 1.75rem\n}\n.s-w-8 {\n width: 2rem\n}\n.s-w-full {\n width: 100%\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-full {\n max-width: 100%\n}\n.s-flex-1 {\n flex: 1 1 0%\n}\n.s-flex-shrink-0 {\n flex-shrink: 0\n}\n.s-shrink {\n flex-shrink: 1\n}\n.s-grow {\n flex-grow: 1\n}\n.s-basis-0 {\n flex-basis: 0px\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-full {\n --tw-translate-x: 100%;\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@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 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n 0% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n 12.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 25% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 37.5% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0\n }\n 50% {\n padding-left: 50%;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 62.5% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 75% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 50%;\n padding-bottom: 0\n }\n 87.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 0\n }\n 100% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n}\n.s-animate-move-square {\n animation: s-move-square 4s ease-out infinite\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-grid-cols-3 {\n grid-template-columns: repeat(3, 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-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-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-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-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\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-y-2 {\n row-gap: 0.5rem\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-self-stretch {\n align-self: stretch\n}\n.s-overflow-auto {\n overflow: auto\n}\n.s-overflow-hidden {\n overflow: hidden\n}\n.s-overflow-y-auto {\n overflow-y: auto\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-break-words {\n overflow-wrap: break-word\n}\n.s-rounded-2xl {\n border-radius: 1rem\n}\n.s-rounded-3xl {\n border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n border-radius: 25%\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-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-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-element-500 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / 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-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / 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-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / 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-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-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-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / 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-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / 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-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / 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-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / 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-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / 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-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / 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-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / 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-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / 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-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / 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-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / 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-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / 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-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / 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-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / 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-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / 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-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 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-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / 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-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/90 {\n background-color: rgb(255 255 255 / 0.9)\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-opacity-75 {\n --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n stroke: #f8fafc\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-3 {\n padding: 0.75rem\n}\n.s-p-4 {\n padding: 1rem\n}\n.s-p-6 {\n padding: 1.5rem\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-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-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-4 {\n padding-bottom: 1rem\n}\n.s-pb-5 {\n padding-bottom: 1.25rem\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-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-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\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-3 {\n padding-top: 0.75rem\n}\n.s-pt-8 {\n padding-top: 2rem\n}\n.s-text-left {\n text-align: left\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-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-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-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / 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-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-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-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / 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-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / 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-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / 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-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / 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-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-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / 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-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n color: transparent\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-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / 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-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-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-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\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-xl {\n --tw-backdrop-blur: blur(24px);\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-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.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.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.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed\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.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\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.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\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.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\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.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-structure-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-success-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\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.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\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.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.hover\\:s-text-element-800:hover {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\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.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.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\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.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.focus\\:s-border-action-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\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.active\\:s-scale-95:active {\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.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\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.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\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.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\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.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\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.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\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.active\\:s-text-element-900:active {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\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.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.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.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.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: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:is(.s-dark .dark\\:s-border-action-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\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: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: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: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:is(.s-dark .dark\\:s-border-warning-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(248 113 113 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\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: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: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: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: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:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\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: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: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:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\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: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:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\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: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:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\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: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: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:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\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: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: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: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@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\: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 .sm\\: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 .sm\\: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 .sm\\:s-p-0 {\n padding: 0px\n }\n .sm\\:s-p-6 {\n padding: 1.5rem\n }\n}\n@media (min-width: 768px) {\n .md\\:s-flex-row {\n flex-direction: row\n }\n .md\\:s-items-center {\n align-items: center\n }\n}\n@media (min-width: 1024px) {\n .lg\\:s-w-1\\/2 {\n width: 50%\n }\n}";
52
52
  styleInject(css_248z);
53
53
 
54
54
  var aLink = function (_a) {
@@ -379,7 +379,7 @@ var textSize = {
379
379
  auto: "s-text-xl",
380
380
  };
381
381
  function Avatar(_a) {
382
- var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.busy, busy = _c === void 0 ? false : _c, _d = _a.isRounded, isRounded = _d === void 0 ? false : _d;
382
+ var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e;
383
383
  var getColor = function (name) {
384
384
  var hash = 0;
385
385
  for (var i = 0; i < name.length; i++) {
@@ -394,7 +394,7 @@ function Avatar(_a) {
394
394
  }
395
395
  return txtColors[Math.abs(hash) % txtColors.length];
396
396
  };
397
- var clickableStyles = onClick && !busy
397
+ var clickableStyles = (onClick || clickable) && !busy
398
398
  ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
399
399
  : "";
400
400
  var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
@@ -580,9 +580,9 @@ Button.List = function (_a) {
580
580
  React.createElement("div", { className: "s-flex s-flex-row s-gap-2" }, modifiedChildren)));
581
581
  };
582
582
 
583
- var baseClasses$4 = "s-box-border s-rounded-full s-border s-border-structure-300 dark:s-border-structure-300-dark s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer";
583
+ var baseClasses$4 = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center";
584
584
  var sizeClasses$2 = {
585
- sm: "s-h-6 s-w-11",
585
+ sm: "s-h-6 s-w-10",
586
586
  md: "s-h-8 s-w-14",
587
587
  };
588
588
  var cusrsorSizeClasses = {
@@ -607,328 +607,19 @@ function SliderToggle(_a) {
607
607
  onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
608
608
  }
609
609
  }, className: classNames(className, baseClasses$4, combinedStateClasses) },
610
- React.createElement("div", { id: "cursor", className: classNames("s-m-px s-transform s-rounded-full s-bg-white s-drop-shadow s-transition-transform s-duration-300 s-ease-out", size ? cusrsorSizeClasses[size] : "", selected ? "s-translate-x-full" : "") })));
610
+ React.createElement("div", { id: "cursor", className: classNames("s-transform s-rounded-full s-bg-white s-drop-shadow s-transition-transform s-duration-300 s-ease-out", size ? cusrsorSizeClasses[size] : "", selected ? "s-translate-x-full" : "") })));
611
611
  return SliderToggleContent;
612
612
  }
613
613
 
614
- var tabClasses = {
615
- default: {
616
- base: "s-text-element-800 s-border-transparent s-cursor-pointer",
617
- hover: "hover:s-text-action-500 hover:s-border-action-300",
618
- dark: {
619
- base: "dark:s-text-element-700-dark",
620
- hover: "dark:hover:s-text-action-600-dark",
621
- },
622
- },
623
- selected: {
624
- base: "s-border-action-500 s-text-action-500 s-cursor-default",
625
- hover: "",
626
- dark: {
627
- base: "dark:s-border-action-500-dark dark:s-text-action-500-dark",
628
- hover: "",
629
- },
630
- },
631
- };
632
- var iconClasses$4 = {
633
- default: {
634
- base: "s-text-element-600",
635
- hover: "group-hover:s-text-action-400",
636
- dark: {
637
- base: "dark:s-text-element-600-dark",
638
- hover: "dark:group-hover:s-text-action-500-dark",
639
- },
640
- },
641
- selected: {
642
- base: "s-text-action-400",
643
- hover: "",
644
- dark: {
645
- base: "dark:s-text-action-500-dark",
646
- hover: "",
647
- },
648
- },
649
- };
650
- var tabSizingClasses = {
651
- hug: "",
652
- expand: "s-flex-1",
653
- };
654
- function Tab(_a) {
655
- var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
656
- var components = React.useContext(SparkleContext).components;
657
- var renderTabs = function () {
658
- return tabs.map(function (tab, i) {
659
- var _a, _b;
660
- var tabStateClasses = tab.current
661
- ? tabClasses.selected
662
- : tabClasses.default;
663
- var iconStateClasses = tab.current
664
- ? iconClasses$4.selected
665
- : iconClasses$4.default;
666
- var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-px-4 s-py-3 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", "s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-3 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", tab.icon ? " s-pr-5 s-pl-4" : " s-px-5", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
667
- var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
668
- var Link = tab.href
669
- ? components.link
670
- : noHrefLink;
671
- var content = (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label ? tab.label : "", event); }, href: tab.href || "#" },
672
- React.createElement("div", { className: tab.current
673
- ? "s-flex s-gap-x-2"
674
- : "s-flex s-gap-x-2 s-transition s-duration-300 s-ease-out" },
675
- tab.icon && (React.createElement(Icon, { visual: tab.icon, className: finalIconClasses, size: "sm" })), (_b = tab.hideLabel) !== null && _b !== void 0 ? _b : tab.label)));
676
- return tab.hideLabel ? (tab.label ? (React.createElement(React.Fragment, { key: "tab-".concat(i) },
677
- React.createElement("div", null,
678
- React.createElement(Tooltip, { label: tab.label }, content)),
679
- tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) })))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
680
- React.createElement("div", null, content),
681
- tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
682
- React.createElement("div", null, content),
683
- tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))));
684
- });
685
- };
686
- return (React.createElement("div", { className: "s-border-b s-border-structure-200 dark:s-border-structure-200-dark" },
687
- React.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
688
- }
689
-
690
- var sizeClasses$1 = {
691
- sm: "s-py-2 s-text-sm s-font-normal",
692
- md: "s-py-3 s-text-sm s-font-semibold",
693
- };
694
- var baseClasses$3 = "s-group s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none";
695
- var iconBaseClasses = "s-transition-colors s-ease-out s-duration-400";
696
- var iconClasses$3 = {
697
- default: {
698
- base: "s-text-element-600",
699
- hover: "group-hover:s-text-action-400",
700
- dark: {
701
- base: "dark:s-text-element-700-dark",
702
- hover: "dark:group-hover:s-text-action-500-dark",
703
- },
704
- },
705
- selected: {
706
- base: "s-text-action-400",
707
- hover: "",
708
- dark: {
709
- base: "dark:s-text-action-400-dark",
710
- hover: "",
711
- },
712
- },
713
- };
714
- var chevronClasses$1 = {
715
- default: {
716
- base: "s-text-element-600",
717
- hover: "group-hover:s-text-action-400",
718
- dark: {
719
- base: "dark:s-text-element-600-dark",
720
- hover: "dark:group-hover:s-text-action-500-dark",
721
- },
722
- },
723
- selected: {
724
- base: "s-text-action-300",
725
- hover: "",
726
- active: "",
727
- dark: {
728
- base: "dark:s-text-action-300-dark",
729
- hover: "",
730
- },
731
- disabled: "",
732
- },
733
- };
734
- var stateClasses = {
735
- default: {
736
- base: "s-text-element-700 s-cursor-pointer",
737
- hover: "hover:s-text-element-800",
738
- active: "active:s-text-element-900",
739
- dark: {
740
- base: "dark:s-text-element-700-dark",
741
- hover: "dark:hover:s-text-element-800-dark",
742
- active: "dark:active:s-text-element-900-dark",
743
- },
744
- disabled: "s-opacity-50",
745
- },
746
- selected: {
747
- base: "s-text-action-500",
748
- hover: "",
749
- active: "",
750
- dark: {
751
- base: "dark:s-text-action-500-dark",
752
- hover: "",
753
- active: "",
754
- },
755
- disabled: "",
756
- },
757
- };
758
- var stateClassesMD = {
759
- default: {
760
- base: "s-text-element-900 s-cursor-pointer",
761
- hover: "hover:s-text-action-500",
762
- active: "active:s-text-action-700",
763
- dark: {
764
- base: "dark:s-text-element-900-dark",
765
- hover: "dark:hover:s-text-action-400",
766
- active: "dark:active:s-text-action-600",
767
- },
768
- disabled: "s-opacity-50",
769
- },
770
- selected: {
771
- base: "s-text-action-500",
772
- hover: "",
773
- active: "",
774
- dark: {
775
- base: "dark:s-text-action-500-dark",
776
- hover: "",
777
- active: "",
778
- },
779
- disabled: "",
780
- },
781
- };
782
- function Item(_a) {
783
- var _b, _c, _d;
784
- var onClick = _a.onClick, _e = _a.selected, selected = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.variant, variant = _h === void 0 ? "default" : _h, label = _a.label, icon = _a.icon, visual = _a.visual, _j = _a.className, className = _j === void 0 ? "" : _j, href = _a.href;
785
- var components = React.useContext(SparkleContext).components;
786
- var currentStateClasses = size === "md"
787
- ? selected
788
- ? stateClassesMD.selected
789
- : stateClassesMD.default
790
- : selected
791
- ? stateClasses.selected
792
- : stateClasses.default;
793
- var currentIconClasses = selected
794
- ? iconClasses$3.selected
795
- : iconClasses$3.default;
796
- var currentChevronClasses = selected
797
- ? chevronClasses$1.selected
798
- : chevronClasses$1.default;
799
- var itemClasses = classNames(baseClasses$3, sizeClasses$1[size], disabled ? "s-cursor-default" : currentStateClasses.base, disabled ? "s-cursor-default" : (_b = currentStateClasses.dark) === null || _b === void 0 ? void 0 : _b.base, disabled ? currentStateClasses.disabled : "", !selected && !disabled ? currentStateClasses.hover : "", !selected && !disabled ? (_c = currentStateClasses.dark) === null || _c === void 0 ? void 0 : _c.hover : "", !selected && !disabled ? currentStateClasses.active : "", !selected && !disabled ? (_d = currentStateClasses.dark) === null || _d === void 0 ? void 0 : _d.active : "", className);
800
- var finalIconClasses = classNames(iconBaseClasses, currentIconClasses.base, !disabled ? currentIconClasses.hover : "", // Add condition here
801
- currentIconClasses.dark.base, !disabled ? currentIconClasses.dark.hover : "" // Add condition here
802
- );
803
- var finalCevronClasses = classNames(iconBaseClasses, "s-flex-shrink-0", size === "sm" ? "s-text-transparent" : currentChevronClasses.base, !disabled ? currentChevronClasses.hover : "", // Add condition here
804
- currentChevronClasses.dark.base, !disabled ? currentChevronClasses.dark.hover : "" // Add condition here
805
- );
806
- var Link = href ? components.link : noHrefLink;
807
- return (React.createElement(Link, { className: itemClasses, onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
808
- icon && React.createElement(Icon, { visual: icon, className: finalIconClasses }),
809
- visual && React.createElement(Avatar, { size: "xs", visual: visual }),
810
- React.createElement("span", { className: "s-grow s-truncate" }, label),
811
- variant === "default" && (React.createElement(Icon, { visual: SvgChevronRight$1, className: finalCevronClasses, size: "sm" }))));
812
- }
813
- Item.SectionHeader = function (_a) {
814
- var label = _a.label;
815
- return (React.createElement("div", { className: "s-py-2 s-text-xs s-font-medium s-uppercase s-text-element-800" }, label));
816
- };
817
- Item.List = function (_a) {
818
- var children = _a.children, className = _a.className;
819
- return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
820
- React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
821
- };
822
-
823
- function ContextItem(_a) {
824
- var title = _a.title, visual = _a.visual, action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b;
825
- return (React.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col"), "aria-label": title },
826
- React.createElement("div", { className: "s-flex s-flex-row s-gap-3 s-pb-5 s-pt-3" },
827
- React.createElement("div", { className: "s-flex s-pt-1.5" }, visual),
828
- React.createElement("div", { className: "s-flex s-grow s-flex-col" },
829
- React.createElement("div", { className: "s-text-normal s-flex s-h-9 s-flex-col s-justify-center s-font-semibold" }, title),
830
- React.createElement("div", { className: "-s-mt-1" }, children)),
831
- React.createElement("div", null, action))));
832
- }
833
- ContextItem.List = function (_a) {
834
- var children = _a.children, className = _a.className;
835
- // Ensure all children are of type ContextItem
836
- React.Children.forEach(children, function (child) {
837
- if (!React.isValidElement(child) || child.type !== ContextItem) {
838
- throw new Error("All children of ContextItem.List must be of type ContextItem");
839
- }
840
- });
841
- // Convert children into an array and modify the last child's props
842
- var modifiedChildren = React.Children.toArray(children).map(function (child, index, array) {
843
- if (React.isValidElement(child) && index === array.length - 1) {
844
- return React.cloneElement(child, __assign(__assign({}, child.props), { hasSeparator: false }));
845
- }
846
- return child;
847
- });
848
- return (React.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-col") }, modifiedChildren));
849
- };
850
- ContextItem.Description = function (_a) {
851
- var children = _a.children, description = _a.description;
852
- return (React.createElement(React.Fragment, null,
853
- description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-600" }, description)),
854
- children && React.createElement(React.Fragment, null, children)));
855
- };
856
- ContextItem.Visual = function (_a) {
857
- var visual = _a.visual;
858
- return React.createElement(Icon, { size: "md", visual: visual });
859
- };
860
-
861
- var Spinner = function (_a) {
862
- var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
863
- var sizeClasses = {
864
- xs: "s-h-4 s-w-4",
865
- sm: "s-h-5 s-w-5",
866
- md: "s-h-6 s-w-6",
867
- lg: "s-h-8 s-w-8",
868
- };
869
- var colorClasses = {
870
- success: "s-bg-success-500",
871
- action: "s-bg-action-500 dark:s-bg-action-500-dark",
872
- white: "s-bg-structure-0 dark:s-bg-black",
873
- lightGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
874
- darkGrey: "s-bg-element-800 dark:s-bg-element-900-dark",
875
- };
876
- var colorSecClasses = {
877
- success: "s-bg-success-300",
878
- action: "s-bg-sky-300 dark:s-bg-sky-700",
879
- white: "s-opacity-40 s-bg-structure-0 dark:s-bg-structure-0-dark",
880
- lightGrey: "s-bg-element-500 dark:s-bg-element-500-dark",
881
- darkGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
882
- };
883
- return (React.createElement(React.Fragment, null,
884
- React.createElement("div", { className: classNames("s-relative", sizeClasses[size]) },
885
- React.createElement("div", { className: classNames("s-absolute s-inset-0 s-rounded-full", colorSecClasses[variant]) }),
886
- React.createElement("div", { className: classNames("s-absolute s-left-0 s-animate-move-square", sizeClasses[size]) },
887
- React.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
888
- };
889
-
890
- var sizeClasses = {
891
- xs: "s-py-1.5 s-text-xs s-font-medium s-px-3 s-gap-2",
892
- sm: "s-py-2 s-text-sm s-font-semibold s-px-3 s-gap-3",
893
- };
894
- var baseClasses$2 = "s-rounded-lg s-inline-flex s-box-border s-border s-text-element-800";
895
- function Chip(_a) {
896
- var _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.color, color = _c === void 0 ? "slate" : _c, label = _a.label, children = _a.children, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.isBusy, isBusy = _e === void 0 ? false : _e;
897
- var backgroundColor = (function () {
898
- switch (color) {
899
- case "emerald":
900
- return "s-bg-emerald-100 s-border-emerald-200";
901
- case "amber":
902
- return "s-bg-amber-100 s-border-amber-200";
903
- case "slate":
904
- return "s-bg-slate-100 s-border-slate-200";
905
- case "violet":
906
- return "s-bg-violet-100 s-border-violet-200";
907
- case "warning":
908
- return "s-bg-warning-100 s-border-warning-200";
909
- }
910
- })();
911
- var ChipClasses = classNames(baseClasses$2, sizeClasses[size], backgroundColor, className);
912
- return (React.createElement("div", { className: ChipClasses, "aria-label": label },
913
- isBusy && React.createElement(Spinner, { size: size, variant: "darkGrey" }),
914
- label && (React.createElement("span", { className: "s-pointer s-grow s-cursor-default s-truncate" }, label)),
915
- children));
916
- }
917
- Chip.List = function (_a) {
918
- var children = _a.children, className = _a.className;
919
- return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
920
- React.createElement("div", { className: "s-flex s-flex-row s-gap-2" }, children)));
921
- };
922
-
923
614
  var i$3=Object.defineProperty;var d$4=(t,e,n)=>e in t?i$3(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r$3=(t,e,n)=>(d$4(t,typeof e!="symbol"?e+"":e,n),n);let o$5 = 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$8=new o$5;
924
615
 
925
616
  let l$4=(e,f)=>{s$8.isServer?React.useEffect(e,f):React.useLayoutEffect(e,f);};
926
617
 
927
618
  function s$7(e){let r=React.useRef(e);return l$4(()=>{r.current=e;},[e]),r}
928
619
 
929
- function t$6(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(o=>setTimeout(()=>{throw o}));}
620
+ function t$7(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(o=>setTimeout(()=>{throw o}));}
930
621
 
931
- 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.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}
622
+ 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$7(()=>{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}
932
623
 
933
624
  function p$3(){let[e]=React.useState(o$4);return React.useEffect(()=>()=>e.dispose(),[e]),e}
934
625
 
@@ -942,7 +633,7 @@ function u$4(r,n,...a){if(r in n){let e=n[r];return typeof e=="function"?e(...a)
942
633
 
943
634
  function e$1(r){return s$8.isServer?null:r instanceof Node?r.ownerDocument:r!=null&&r.hasOwnProperty("current")&&r.current instanceof Node?r.current.ownerDocument:document}
944
635
 
945
- let c$7=["[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$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))(M$4||{}),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$2=(t=>(t[t.Previous=-1]="Previous",t[t.Next=1]="Next",t))(F$2||{});function f$5(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(c$7)).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$5(e,r=0){var t;return e===((t=e$1(e))==null?void 0:t.body)?!1:u$4(r,{[0](){return e.matches(c$7)},[1](){let l=e;for(;l!==null;){if(l.matches(c$7))return !0;l=l.parentElement;}return !1}})}function D$2(e){let r=e$1(e);o$4().nextFrame(()=>{r&&!h$5(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$6=["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$6))!=null?t:!1}function I$2(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 _$1(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$2(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}
636
+ let c$7=["[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$5=(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$5||{}),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$2=(t=>(t[t.Previous=-1]="Previous",t[t.Next=1]="Next",t))(F$2||{});function f$5(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(c$7)).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$5(e,r=0){var t;return e===((t=e$1(e))==null?void 0:t.body)?!1:u$4(r,{[0](){return e.matches(c$7)},[1](){let l=e;for(;l!==null;){if(l.matches(c$7))return !0;l=l.parentElement;}return !1}})}function D$2(e){let r=e$1(e);o$4().nextFrame(()=>{r&&!h$5(r.activeElement,0)&&y$3(e);});}var w$3=(t=>(t[t.Keyboard=0]="Keyboard",t[t.Mouse=1]="Mouse",t))(w$3||{});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$6=["textarea","input"].join(",");function H$1(e){var r,t;return (t=(r=e==null?void 0:e.matches)==null?void 0:r.call(e,S$6))!=null?t:!1}function I$2(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 _$1(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$2(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$1(u)&&u.select(),2}
946
637
 
947
638
  function d$3(e,r,n){let o=s$7(r);React.useEffect(()=>{function t(u){o.current(u);}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)},[e,n]);}
948
639
 
@@ -956,18 +647,18 @@ let u$3=Symbol();function T$1(t,n=!0){return Object.assign(t,{[u$3]:n})}function
956
647
 
957
648
  function F$1({container:e,accept:t,walk:r,enabled:c=!0}){let o=React.useRef(t),l=React.useRef(r);React.useEffect(()=>{o.current=t,l.current=r;},[t,r]),l$4(()=>{if(!e||!c)return;let n=e$1(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]);}
958
649
 
959
- function f$4(r){throw new Error("Unexpected object: "+r)}var a$7=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(a$7||{});function x$1(r,n){let t=n.resolveItems();if(t.length<=0)return null;let l=n.resolveActiveIndex(),s=l!=null?l:-1,d=(()=>{switch(r.focus){case 0:return t.findIndex(e=>!n.resolveDisabled(e));case 1:{let e=t.slice().reverse().findIndex((i,c,u)=>s!==-1&&u.length-c-1>=s?!1:!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 2:return t.findIndex((e,i)=>i<=s?!1:!n.resolveDisabled(e));case 3:{let e=t.slice().reverse().findIndex(i=>!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 4:return t.findIndex(e=>n.resolveId(e)===r.id);case 5:return null;default:f$4(r);}})();return d===-1?l:d}
650
+ function f$4(r){throw new Error("Unexpected object: "+r)}var a$8=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(a$8||{});function x$1(r,n){let t=n.resolveItems();if(t.length<=0)return null;let l=n.resolveActiveIndex(),s=l!=null?l:-1,d=(()=>{switch(r.focus){case 0:return t.findIndex(e=>!n.resolveDisabled(e));case 1:{let e=t.slice().reverse().findIndex((i,c,u)=>s!==-1&&u.length-c-1>=s?!1:!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 2:return t.findIndex((e,i)=>i<=s?!1:!n.resolveDisabled(e));case 3:{let e=t.slice().reverse().findIndex(i=>!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 4:return t.findIndex(e=>n.resolveId(e)===r.id);case 5:return null;default:f$4(r);}})();return d===-1?l:d}
960
651
 
961
- function t$5(...r){return Array.from(new Set(r.flatMap(n=>typeof n=="string"?n.split(" "):[]))).filter(Boolean).join(" ")}
652
+ function t$6(...r){return Array.from(new Set(r.flatMap(n=>typeof n=="string"?n.split(" "):[]))).filter(Boolean).join(" ")}
962
653
 
963
654
  var S$5=(a=>(a[a.None=0]="None",a[a.RenderStrategy=1]="RenderStrategy",a[a.Static=2]="Static",a))(S$5||{}),j$2=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(j$2||{});function X$1({ourProps:r,theirProps:t,slot:e,defaultTag:a,features:s,visible:n=!0,name:f}){let o=N$1(t,r);if(n)return c$6(o,e,a,f);let u=s!=null?s:0;if(u&2){let{static:l=!1,...p}=o;if(l)return c$6(p,e,a,f)}if(u&1){let{unmount:l=!0,...p}=o;return u$4(l?0:1,{[0](){return null},[1](){return c$6({...p,hidden:!0,style:{display:"none"}},e,a,f)}})}return c$6(o,e,a,f)}function c$6(r,t={},e,a){let{as:s=e,children:n,refName:f="ref",...o}=g$2(r,["unmount","static"]),u=r.ref!==void 0?{[f]:r.ref}:{},l=typeof n=="function"?n(t):n;"className"in o&&o.className&&typeof o.className=="function"&&(o.className=o.className(t));let p={};if(t){let i=!1,m=[];for(let[y,d]of Object.entries(t))typeof d=="boolean"&&(i=!0),d===!0&&m.push(y);i&&(p["data-headlessui-state"]=m.join(" "));}if(s===React.Fragment&&Object.keys(R(o)).length>0){if(!React.isValidElement(l)||Array.isArray(l)&&l.length>1)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(o).map(d=>` - ${d}`).join(`
964
655
  `),"","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(`
965
656
  `)].join(`
966
- `));let i=l.props,m=typeof(i==null?void 0:i.className)=="function"?(...d)=>t$5(i==null?void 0:i.className(...d),o.className):t$5(i==null?void 0:i.className,o.className),y=m?{className:m}:{};return React.cloneElement(l,Object.assign({},N$1(l.props,R(g$2(o,["ref"]))),p,u,w$1(l.ref,u.ref),y))}return React.createElement(s,Object.assign({},g$2(o,["ref"]),s!==React.Fragment&&u,s!==React.Fragment&&p),l)}function w$1(...r){return {ref:r.every(t=>t==null)?void 0:t=>{for(let e of r)e!=null&&(typeof e=="function"?e(t):e.current=t);}}}function N$1(...r){if(r.length===0)return {};if(r.length===1)return r[0];let t={},e={};for(let s of r)for(let n in s)n.startsWith("on")&&typeof s[n]=="function"?((e[n])!=null||(e[n]=[]),e[n].push(s[n])):t[n]=s[n];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(e).map(s=>[s,void 0])));for(let s in e)Object.assign(t,{[s](n,...f){let o=e[s];for(let u of o){if((n instanceof Event||(n==null?void 0:n.nativeEvent)instanceof Event)&&n.defaultPrevented)return;u(n,...f);}}});return t}function D$1(r){var t;return Object.assign(React.forwardRef(r),{displayName:(t=r.displayName)!=null?t:r.name})}function R(r){let t=Object.assign({},r);for(let e in t)t[e]===void 0&&delete t[e];return t}function g$2(r,t=[]){let e=Object.assign({},r);for(let a of t)a in e&&delete e[a];return e}
657
+ `));let i=l.props,m=typeof(i==null?void 0:i.className)=="function"?(...d)=>t$6(i==null?void 0:i.className(...d),o.className):t$6(i==null?void 0:i.className,o.className),y=m?{className:m}:{};return React.cloneElement(l,Object.assign({},N$1(l.props,R(g$2(o,["ref"]))),p,u,w$2(l.ref,u.ref),y))}return React.createElement(s,Object.assign({},g$2(o,["ref"]),s!==React.Fragment&&u,s!==React.Fragment&&p),l)}function w$2(...r){return {ref:r.every(t=>t==null)?void 0:t=>{for(let e of r)e!=null&&(typeof e=="function"?e(t):e.current=t);}}}function N$1(...r){if(r.length===0)return {};if(r.length===1)return r[0];let t={},e={};for(let s of r)for(let n in s)n.startsWith("on")&&typeof s[n]=="function"?((e[n])!=null||(e[n]=[]),e[n].push(s[n])):t[n]=s[n];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(e).map(s=>[s,void 0])));for(let s in e)Object.assign(t,{[s](n,...f){let o=e[s];for(let u of o){if((n instanceof Event||(n==null?void 0:n.nativeEvent)instanceof Event)&&n.defaultPrevented)return;u(n,...f);}}});return t}function D$1(r){var t;return Object.assign(React.forwardRef(r),{displayName:(t=r.displayName)!=null?t:r.name})}function R(r){let t=Object.assign({},r);for(let e in t)t[e]===void 0&&delete t[e];return t}function g$2(r,t=[]){let e=Object.assign({},r);for(let a of t)a in e&&delete e[a];return e}
967
658
 
968
659
  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}
969
660
 
970
- let a$6="div";var p$2=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(p$2||{});function s$3(t,o){let{features:n=1,...e}=t,d={ref:o,"aria-hidden":(n&2)===2?!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",...(n&4)===4&&(n&2)!==2&&{display:"none"}}};return X$1({ourProps:d,theirProps:e,slot:{},defaultTag:a$6,name:"Hidden"})}let c$5=D$1(s$3);
661
+ let a$7="div";var p$2=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(p$2||{});function s$3(t,o){let{features:n=1,...e}=t,d={ref:o,"aria-hidden":(n&2)===2?!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",...(n&4)===4&&(n&2)!==2&&{display:"none"}}};return X$1({ourProps:d,theirProps:e,slot:{},defaultTag:a$7,name:"Hidden"})}let c$5=D$1(s$3);
971
662
 
972
663
  let n$2=React.createContext(null);n$2.displayName="OpenClosedContext";var d$2=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(d$2||{});function C(){return React.useContext(n$2)}function c$4({value:o,children:r}){return React.createElement(n$2.Provider,{value:o},r)}
973
664
 
@@ -975,9 +666,9 @@ var o$1=(r=>(r.Space=" ",r.Enter="Enter",r.Escape="Escape",r.Backspace="Backspac
975
666
 
976
667
  function m$1(u,t){let e=React.useRef([]),r=o$3(u);React.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]);}
977
668
 
978
- function t$4(e){return [e.screenX,e.screenY]}function u$2(){let e=React.useRef([-1,-1]);return {wasMoved(r){let n=t$4(r);return e.current[0]===n[0]&&e.current[1]===n[1]?!1:(e.current=n,!0)},update(r){e.current=t$4(r);}}}
669
+ function t$5(e){return [e.screenX,e.screenY]}function u$2(){let e=React.useRef([-1,-1]);return {wasMoved(r){let n=t$5(r);return e.current[0]===n[0]&&e.current[1]===n[1]?!1:(e.current=n,!0)},update(r){e.current=t$5(r);}}}
979
670
 
980
- function t$3(){return /iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}
671
+ function t$4(){return /iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}
981
672
 
982
673
  function n$1(...e){return React.useMemo(()=>e$1(...e),[...e])}
983
674
 
@@ -987,11 +678,11 @@ function f$3(){let e=React.useRef(!1);return l$4(()=>(e.current=!0,()=>{e.curren
987
678
 
988
679
  function E$1(n,e,a,t){let i=s$7(a);React.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]);}
989
680
 
990
- function t$2(n){function e(){document.readyState!=="loading"&&(n(),document.removeEventListener("DOMContentLoaded",e));}typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("DOMContentLoaded",e),e());}
681
+ function t$3(n){function e(){document.readyState!=="loading"&&(n(),document.removeEventListener("DOMContentLoaded",e));}typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("DOMContentLoaded",e),e());}
991
682
 
992
- function c$3(t){let r=o$3(t),e=React.useRef(!1);React.useEffect(()=>(e.current=!1,()=>{e.current=!0,t$6(()=>{e.current&&r();});}),[r]);}
683
+ function c$3(t){let r=o$3(t),e=React.useRef(!1);React.useEffect(()=>(e.current=!1,()=>{e.current=!0,t$7(()=>{e.current&&r();});}),[r]);}
993
684
 
994
- function P$1(t){if(!t)return new Set;if(typeof t=="function")return new Set(t());let r=new Set;for(let e of t.current)e.current instanceof HTMLElement&&r.add(e.current);return r}let J="div";var h$3=(n=>(n[n.None=1]="None",n[n.InitialFocus=2]="InitialFocus",n[n.TabLock=4]="TabLock",n[n.FocusLock=8]="FocusLock",n[n.RestoreFocus=16]="RestoreFocus",n[n.All=30]="All",n))(h$3||{});function X(t,r){let e=React.useRef(null),o=y$2(e,r),{initialFocus:u,containers:i,features:n$2=30,...l}=t;l$3()||(n$2=1);let m=n$1(e);Y({ownerDocument:m},Boolean(n$2&16));let c=Z({ownerDocument:m,container:e,initialFocus:u},Boolean(n$2&2));$({ownerDocument:m,container:e,containers:i,previousActiveElement:c},Boolean(n$2&8));let v=n(),y=o$3(s=>{let T=e.current;if(!T)return;(B=>B())(()=>{u$4(v.current,{[s$2.Forwards]:()=>{O$1(T,M$4.First,{skipElements:[s.relatedTarget]});},[s$2.Backwards]:()=>{O$1(T,M$4.Last,{skipElements:[s.relatedTarget]});}});});}),_=p$3(),b=React.useRef(!1),j={ref:o,onKeyDown(s){s.key=="Tab"&&(b.current=!0,_.requestAnimationFrame(()=>{b.current=!1;}));},onBlur(s){let T=P$1(i);e.current instanceof HTMLElement&&T.add(e.current);let d=s.relatedTarget;d instanceof HTMLElement&&d.dataset.headlessuiFocusGuard!=="true"&&(S$4(T,d)||(b.current?O$1(e.current,u$4(v.current,{[s$2.Forwards]:()=>M$4.Next,[s$2.Backwards]:()=>M$4.Previous})|M$4.WrapAround,{relativeTo:s.target}):s.target instanceof HTMLElement&&y$3(s.target)));}};return React.createElement(React.Fragment,null,Boolean(n$2&4)&&React.createElement(c$5,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:p$2.Focusable}),X$1({ourProps:j,theirProps:l,defaultTag:J,name:"FocusTrap"}),Boolean(n$2&4)&&React.createElement(c$5,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:p$2.Focusable}))}let z=D$1(X),ge$1=Object.assign(z,{features:h$3}),a$5=[];t$2(()=>{function t(r){r.target instanceof HTMLElement&&r.target!==document.body&&a$5[0]!==r.target&&(a$5.unshift(r.target),a$5=a$5.filter(e=>e!=null&&e.isConnected),a$5.splice(10));}window.addEventListener("click",t,{capture:!0}),window.addEventListener("mousedown",t,{capture:!0}),window.addEventListener("focus",t,{capture:!0}),document.body.addEventListener("click",t,{capture:!0}),document.body.addEventListener("mousedown",t,{capture:!0}),document.body.addEventListener("focus",t,{capture:!0});});function Q(t=!0){let r=React.useRef(a$5.slice());return m$1(([e],[o])=>{o===!0&&e===!1&&t$6(()=>{r.current.splice(0);}),o===!1&&e===!0&&(r.current=a$5.slice());},[t,a$5,r]),o$3(()=>{var e;return (e=r.current.find(o=>o!=null&&o.isConnected))!=null?e:null})}function Y({ownerDocument:t},r){let e=Q(r);m$1(()=>{r||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&y$3(e());},[r]),c$3(()=>{r&&y$3(e());});}function Z({ownerDocument:t,container:r,initialFocus:e},o){let u=React.useRef(null),i=f$3();return m$1(()=>{if(!o)return;let n=r.current;n&&t$6(()=>{if(!i.current)return;let l=t==null?void 0:t.activeElement;if(e!=null&&e.current){if((e==null?void 0:e.current)===l){u.current=l;return}}else if(n.contains(l)){u.current=l;return}e!=null&&e.current?y$3(e.current):O$1(n,M$4.First)===N$2.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),u.current=t==null?void 0:t.activeElement;});},[o]),u}function $({ownerDocument:t,container:r,containers:e,previousActiveElement:o},u){let i=f$3();E$1(t==null?void 0:t.defaultView,"focus",n=>{if(!u||!i.current)return;let l=P$1(e);r.current instanceof HTMLElement&&l.add(r.current);let m=o.current;if(!m)return;let c=n.target;c&&c instanceof HTMLElement?S$4(l,c)?(o.current=c,y$3(c)):(n.preventDefault(),n.stopPropagation(),y$3(m)):y$3(o.current);},!0);}function S$4(t,r){for(let e of t)if(e.contains(r))return !0;return !1}
685
+ function P$1(t){if(!t)return new Set;if(typeof t=="function")return new Set(t());let r=new Set;for(let e of t.current)e.current instanceof HTMLElement&&r.add(e.current);return r}let J="div";var h$3=(n=>(n[n.None=1]="None",n[n.InitialFocus=2]="InitialFocus",n[n.TabLock=4]="TabLock",n[n.FocusLock=8]="FocusLock",n[n.RestoreFocus=16]="RestoreFocus",n[n.All=30]="All",n))(h$3||{});function X(t,r){let e=React.useRef(null),o=y$2(e,r),{initialFocus:u,containers:i,features:n$2=30,...l}=t;l$3()||(n$2=1);let m=n$1(e);Y$1({ownerDocument:m},Boolean(n$2&16));let c=Z$1({ownerDocument:m,container:e,initialFocus:u},Boolean(n$2&2));$({ownerDocument:m,container:e,containers:i,previousActiveElement:c},Boolean(n$2&8));let v=n(),y=o$3(s=>{let T=e.current;if(!T)return;(B=>B())(()=>{u$4(v.current,{[s$2.Forwards]:()=>{O$1(T,M$5.First,{skipElements:[s.relatedTarget]});},[s$2.Backwards]:()=>{O$1(T,M$5.Last,{skipElements:[s.relatedTarget]});}});});}),_=p$3(),b=React.useRef(!1),j={ref:o,onKeyDown(s){s.key=="Tab"&&(b.current=!0,_.requestAnimationFrame(()=>{b.current=!1;}));},onBlur(s){let T=P$1(i);e.current instanceof HTMLElement&&T.add(e.current);let d=s.relatedTarget;d instanceof HTMLElement&&d.dataset.headlessuiFocusGuard!=="true"&&(S$4(T,d)||(b.current?O$1(e.current,u$4(v.current,{[s$2.Forwards]:()=>M$5.Next,[s$2.Backwards]:()=>M$5.Previous})|M$5.WrapAround,{relativeTo:s.target}):s.target instanceof HTMLElement&&y$3(s.target)));}};return React.createElement(React.Fragment,null,Boolean(n$2&4)&&React.createElement(c$5,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:p$2.Focusable}),X$1({ourProps:j,theirProps:l,defaultTag:J,name:"FocusTrap"}),Boolean(n$2&4)&&React.createElement(c$5,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:p$2.Focusable}))}let z$1=D$1(X),ge$1=Object.assign(z$1,{features:h$3}),a$6=[];t$3(()=>{function t(r){r.target instanceof HTMLElement&&r.target!==document.body&&a$6[0]!==r.target&&(a$6.unshift(r.target),a$6=a$6.filter(e=>e!=null&&e.isConnected),a$6.splice(10));}window.addEventListener("click",t,{capture:!0}),window.addEventListener("mousedown",t,{capture:!0}),window.addEventListener("focus",t,{capture:!0}),document.body.addEventListener("click",t,{capture:!0}),document.body.addEventListener("mousedown",t,{capture:!0}),document.body.addEventListener("focus",t,{capture:!0});});function Q$1(t=!0){let r=React.useRef(a$6.slice());return m$1(([e],[o])=>{o===!0&&e===!1&&t$7(()=>{r.current.splice(0);}),o===!1&&e===!0&&(r.current=a$6.slice());},[t,a$6,r]),o$3(()=>{var e;return (e=r.current.find(o=>o!=null&&o.isConnected))!=null?e:null})}function Y$1({ownerDocument:t},r){let e=Q$1(r);m$1(()=>{r||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&y$3(e());},[r]),c$3(()=>{r&&y$3(e());});}function Z$1({ownerDocument:t,container:r,initialFocus:e},o){let u=React.useRef(null),i=f$3();return m$1(()=>{if(!o)return;let n=r.current;n&&t$7(()=>{if(!i.current)return;let l=t==null?void 0:t.activeElement;if(e!=null&&e.current){if((e==null?void 0:e.current)===l){u.current=l;return}}else if(n.contains(l)){u.current=l;return}e!=null&&e.current?y$3(e.current):O$1(n,M$5.First)===N$2.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),u.current=t==null?void 0:t.activeElement;});},[o]),u}function $({ownerDocument:t,container:r,containers:e,previousActiveElement:o},u){let i=f$3();E$1(t==null?void 0:t.defaultView,"focus",n=>{if(!u||!i.current)return;let l=P$1(e);r.current instanceof HTMLElement&&l.add(r.current);let m=o.current;if(!m)return;let c=n.target;c&&c instanceof HTMLElement?S$4(l,c)?(o.current=c,y$3(c)):(n.preventDefault(),n.stopPropagation(),y$3(m)):y$3(o.current);},!0);}function S$4(t,r){for(let e of t)if(e.contains(r))return !0;return !1}
995
686
 
996
687
  var reactDom = {exports: {}};
997
688
 
@@ -31883,75 +31574,471 @@ function checkDCE() {
31883
31574
  }
31884
31575
  }
31885
31576
 
31886
- if (process.env.NODE_ENV === 'production') {
31887
- // DCE check should happen before ReactDOM bundle executes so that
31888
- // DevTools can report bad minification during injection.
31889
- checkDCE();
31890
- reactDom.exports = requireReactDom_production_min();
31891
- } else {
31892
- reactDom.exports = requireReactDom_development();
31577
+ if (process.env.NODE_ENV === 'production') {
31578
+ // DCE check should happen before ReactDOM bundle executes so that
31579
+ // DevTools can report bad minification during injection.
31580
+ checkDCE();
31581
+ reactDom.exports = requireReactDom_production_min();
31582
+ } else {
31583
+ reactDom.exports = requireReactDom_development();
31584
+ }
31585
+
31586
+ var reactDomExports = reactDom.exports;
31587
+
31588
+ let e=React.createContext(!1);function l$2(){return React.useContext(e)}function P(o){return React.createElement(e.Provider,{value:o.force},o.children)}
31589
+
31590
+ function F(p){let l=l$2(),n=React.useContext(v$2),e=n$1(p),[a,o]=React.useState(()=>{if(!l&&n!==null||s$8.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 React.useEffect(()=>{a!==null&&(e!=null&&e.body.contains(a)||e==null||e.body.appendChild(a));},[a,e]),React.useEffect(()=>{l||n!==null&&o(n.current);},[n,o,l]),a}let U$2=React.Fragment;function N(p,l){let n=p,e=React.useRef(null),a=y$2(T$1(u=>{e.current=u;}),l),o=n$1(e),t=F(e),[r]=React.useState(()=>{var u;return s$8.isServer?null:(u=o==null?void 0:o.createElement("div"))!=null?u:null}),i=React.useContext(f$2),C=l$3();return l$4(()=>{!t||!r||t.contains(r)||(r.setAttribute("data-headlessui-portal",""),t.appendChild(r));},[t,r]),l$4(()=>{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)));}),C?!t||!r?null:reactDomExports.createPortal(X$1({ourProps:{ref:a},theirProps:n,defaultTag:U$2,name:"Portal"}),r):null}let S$3=React.Fragment,v$2=React.createContext(null);function j$1(p,l){let{target:n,...e}=p,o={ref:y$2(l)};return React.createElement(v$2.Provider,{value:n},X$1({ourProps:o,theirProps:e,defaultTag:S$3,name:"Popover.Group"}))}let f$2=React.createContext(null);function ae$1(){let p=React.useContext(f$2),l=React.useRef([]),n=o$3(o=>(l.current.push(o),p&&p.register(o),()=>e(o))),e=o$3(o=>{let t=l.current.indexOf(o);t!==-1&&l.current.splice(t,1),p&&p.unregister(o);}),a=React.useMemo(()=>({register:n,unregister:e,portals:l}),[n,e,l]);return [l,React.useMemo(()=>function({children:t}){return React.createElement(f$2.Provider,{value:a},t)},[a])]}let D=D$1(N),I$1=D$1(j$1),pe=Object.assign(D,{Group:I$1});
31591
+
31592
+ let d$1=React.createContext(null);function f$1(){let r=React.useContext(d$1);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$1),t}return r}function M$4(){let[r,t]=React.useState([]);return [r.length>0?r.join(" "):void 0,React.useMemo(()=>function(e){let i=o$3(s=>(t(o=>[...o,s]),()=>t(o=>{let p=o.slice(),c=p.indexOf(s);return c!==-1&&p.splice(c,1),p}))),n=React.useMemo(()=>({register:i,slot:e.slot,name:e.name,props:e.props}),[i,e.slot,e.name,e.props]);return React.createElement(d$1.Provider,{value:n},e.children)},[t])]}let S$2="p";function h$2(r,t){let a=I$3(),{id:e=`headlessui-description-${a}`,...i}=r,n=f$1(),s=y$2(t);l$4(()=>n.register(e),[e,n.register]);let o={ref:s,...n.props,id:e};return X$1({ourProps:o,theirProps:i,slot:n.slot||{},defaultTag:S$2,name:n.name||"Description"})}let y$1=D$1(h$2),b$3=Object.assign(y$1,{});
31593
+
31594
+ let a$5=React.createContext(()=>{});a$5.displayName="StackContext";var s$1=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(s$1||{});function x(){return React.useContext(a$5)}function M$3({children:i,onUpdate:r,type:e,element:n,enabled:u}){let l=x(),o=o$3((...t)=>{r==null||r(...t),l(...t);});return l$4(()=>{let t=u===void 0||u===!0;return t&&o(0,e,n),()=>{t&&o(1,e,n);}},[o,e,n,u]),React.createElement(a$5.Provider,{value:o},i)}
31595
+
31596
+ function i(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const d=typeof Object.is=="function"?Object.is:i,{useState:u$1,useEffect:h$1,useLayoutEffect:f,useDebugValue:p$1}=React__namespace;function y(e,t,c){const a=t(),[{inst:n},o]=u$1({inst:{value:a,getSnapshot:t}});return f(()=>{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(c,a)}catch{return !0}}
31597
+
31598
+ function t$2(r,e,n){return e()}
31599
+
31600
+ const r=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined",s=!r,c$2=s?t$2:y,a$4="useSyncExternalStore"in React__namespace?(n=>n.useSyncExternalStore)(React__namespace):c$2;
31601
+
31602
+ function S$1(t){return a$4(t.subscribe,t.getSnapshot,t.getSnapshot)}
31603
+
31604
+ function a$3(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()));}}}
31605
+
31606
+ 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`);}}}
31607
+
31608
+ function T(){if(!t$4())return {};let l;return {before(){l=window.pageYOffset;},after({doc:o,d:t,meta:s}){function i(n){return s.containers.flatMap(e=>e()).some(e=>e.contains(n))}t.microTask(()=>{if(window.getComputedStyle(o.documentElement).scrollBehavior!=="auto"){let e=o$4();e.style(o.documentElement,"scroll-behavior","auto"),t.add(()=>t.microTask(()=>e.dispose()));}t.style(o.body,"marginTop",`-${l}px`),window.scrollTo(0,0);let n=null;t.addEventListener(o,"click",e=>{if(e.target instanceof HTMLElement)try{let r=e.target.closest("a");if(!r)return;let{hash:c}=new URL(r.href),a=o.querySelector(c);a&&!i(a)&&(n=a);}catch{}},!0),t.addEventListener(o,"touchmove",e=>{e.target instanceof HTMLElement&&!i(e.target)&&e.preventDefault();},{passive:!1}),t.add(()=>{window.scrollTo(0,window.pageYOffset+l),n&&n.isConnected&&(n.scrollIntoView({block:"nearest"}),n=null);});});}}}
31609
+
31610
+ function l$1(){return {before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden");}}}
31611
+
31612
+ function m(e){let n={};for(let t of e)Object.assign(n,t(n));return n}let a$2=a$3(()=>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=[T(),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$2.subscribe(()=>{let e=a$2.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$2.dispatch(t.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",t),t.count===0&&a$2.dispatch("TEARDOWN",t);}});
31613
+
31614
+ function p(e,r,n){let f=S$1(a$2),o=e?f.get(e):void 0,i=o?o.count>0:!1;return l$4(()=>{if(!(!e||!r))return a$2.dispatch("PUSH",e,n),()=>a$2.dispatch("POP",e,n)},[r,e]),i}
31615
+
31616
+ let u=new Map,t$1=new Map;function h(r,l=!0){l$4(()=>{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]);}
31617
+
31618
+ function j({defaultContainers:t=[],portals:r,mainTreeNodeRef:u}={}){var c;let o=React.useRef((c=u==null?void 0:u.current)!=null?c:null),l=n$1(o),f=o$3(()=>{var i;let n=[];for(let e of t)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(o.current)||n.some(T=>e.contains(T))||n.push(e));return n});return {resolveContainers:f,contains:o$3(n=>f().some(i=>i.contains(n))),mainTreeNodeRef:o,MainTreeNode:React.useMemo(()=>function(){return u!=null?null:React.createElement(c$5,{features:p$2.Hidden,ref:o})},[o,u])}}
31619
+
31620
+ var _e=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(_e||{}),Ie$1=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Ie$1||{});let Me$1={[0](t,e){return t.titleId===e.id?t:{...t,titleId:e.id}}},I=React.createContext(null);I.displayName="DialogContext";function b$2(t){let e=React.useContext(I);if(e===null){let o=new Error(`<${t} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,b$2),o}return e}function we(t,e,o=()=>[document.body]){p(t,e,i=>{var n;return {containers:[...(n=i.containers)!=null?n:[],o]}});}function Be(t,e){return u$4(e.type,Me$1,t,e)}let He$1="div",Ge=S$5.RenderStrategy|S$5.Static;function Ne$1(t,e){var X;let o=I$3(),{id:i=`headlessui-dialog-${o}`,open:n,onClose:l,initialFocus:s,__demoMode:g=!1,...T}=t,[m,h$1]=React.useState(0),a=C();n===void 0&&a!==null&&(n=(a&d$2.Open)===d$2.Open);let D=React.useRef(null),Q=y$2(D,e),f=n$1(D),N=t.hasOwnProperty("open")||a!==null,U=t.hasOwnProperty("onClose");if(!N&&!U)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!N)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!U)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,[S,Z]=React.useReducer(Be,{titleId:null,descriptionId:null,panelRef:React.createRef()}),P$1=o$3(()=>l(!1)),W=o$3(r=>Z({type:0,id:r})),L=l$3()?g?!1:p===0:!1,F=m>1,Y=React.useContext(I)!==null,[ee,te]=ae$1(),{resolveContainers:M,mainTreeNodeRef:k,MainTreeNode:oe}=j({portals:ee,defaultContainers:[(X=S.panelRef.current)!=null?X:D.current]}),re=F?"parent":"leaf",$=a!==null?(a&d$2.Closing)===d$2.Closing:!1,ne=(()=>Y||$?!1:L)(),le=React.useCallback(()=>{var r,c;return (c=Array.from((r=f==null?void 0:f.querySelectorAll("body > *"))!=null?r:[]).find(d=>d.id==="headlessui-portal-root"?!1:d.contains(k.current)&&d instanceof HTMLElement))!=null?c:null},[k]);h(le,ne);let ae=(()=>F?!0:L)(),ie=React.useCallback(()=>{var r,c;return (c=Array.from((r=f==null?void 0:f.querySelectorAll("[data-headlessui-portal]"))!=null?r:[]).find(d=>d.contains(k.current)&&d instanceof HTMLElement))!=null?c:null},[k]);h(ie,ae);let se=(()=>!(!L||F))();h$4(M,P$1,se);let pe$1=(()=>!(F||p!==0))();E$1(f==null?void 0:f.defaultView,"keydown",r=>{pe$1&&(r.defaultPrevented||r.key===o$1.Escape&&(r.preventDefault(),r.stopPropagation(),P$1()));});let de=(()=>!($||p!==0||Y))();we(f,de,M),React.useEffect(()=>{if(p!==0||!D.current)return;let r=new ResizeObserver(c=>{for(let d of c){let x=d.target.getBoundingClientRect();x.x===0&&x.y===0&&x.width===0&&x.height===0&&P$1();}});return r.observe(D.current),()=>r.disconnect()},[p,D,P$1]);let[ue,fe]=M$4(),ge=React.useMemo(()=>[{dialogState:p,close:P$1,setTitleId:W},S],[p,S,P$1,W]),J=React.useMemo(()=>({open:p===0}),[p]),Te={ref:Q,id:i,role:"dialog","aria-modal":p===0?!0:void 0,"aria-labelledby":S.titleId,"aria-describedby":ue};return React.createElement(M$3,{type:"Dialog",enabled:p===0,element:D,onUpdate:o$3((r,c)=>{c==="Dialog"&&u$4(r,{[s$1.Add]:()=>h$1(d=>d+1),[s$1.Remove]:()=>h$1(d=>d-1)});})},React.createElement(P,{force:!0},React.createElement(pe,null,React.createElement(I.Provider,{value:ge},React.createElement(pe.Group,{target:D},React.createElement(P,{force:!1},React.createElement(fe,{slot:J,name:"Dialog.Description"},React.createElement(ge$1,{initialFocus:s,containers:M,features:L?u$4(re,{parent:ge$1.features.RestoreFocus,leaf:ge$1.features.All&~ge$1.features.FocusLock}):ge$1.features.None},React.createElement(te,null,X$1({ourProps:Te,theirProps:T,slot:J,defaultTag:He$1,features:Ge,visible:p===0,name:"Dialog"}))))))))),React.createElement(oe,null))}let Ue="div";function We(t,e){let o=I$3(),{id:i=`headlessui-dialog-overlay-${o}`,...n}=t,[{dialogState:l,close:s}]=b$2("Dialog.Overlay"),g=y$2(e),T=o$3(a=>{if(a.target===a.currentTarget){if(r$2(a.currentTarget))return a.preventDefault();a.preventDefault(),a.stopPropagation(),s();}}),m=React.useMemo(()=>({open:l===0}),[l]);return X$1({ourProps:{ref:g,id:i,"aria-hidden":!0,onClick:T},theirProps:n,slot:m,defaultTag:Ue,name:"Dialog.Overlay"})}let Ye="div";function $e(t,e){let o=I$3(),{id:i=`headlessui-dialog-backdrop-${o}`,...n}=t,[{dialogState:l},s]=b$2("Dialog.Backdrop"),g=y$2(e);React.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=React.useMemo(()=>({open:l===0}),[l]);return React.createElement(P,{force:!0},React.createElement(pe,null,X$1({ourProps:{ref:g,id:i,"aria-hidden":!0},theirProps:n,slot:T,defaultTag:Ye,name:"Dialog.Backdrop"})))}let Je="div";function Xe(t,e){let o=I$3(),{id:i=`headlessui-dialog-panel-${o}`,...n}=t,[{dialogState:l},s]=b$2("Dialog.Panel"),g=y$2(e,s.panelRef),T=React.useMemo(()=>({open:l===0}),[l]),m=o$3(a=>{a.stopPropagation();});return X$1({ourProps:{ref:g,id:i,onClick:m},theirProps:n,slot:T,defaultTag:Je,name:"Dialog.Panel"})}let je="h2";function Ke(t,e){let o=I$3(),{id:i=`headlessui-dialog-title-${o}`,...n}=t,[{dialogState:l,setTitleId:s}]=b$2("Dialog.Title"),g=y$2(e);React.useEffect(()=>(s(i),()=>s(null)),[i,s]);let T=React.useMemo(()=>({open:l===0}),[l]);return X$1({ourProps:{ref:g,id:i},theirProps:n,slot:T,defaultTag:je,name:"Dialog.Title"})}let Ve=D$1(Ne$1),qe=D$1($e),ze=D$1(Xe),Qe=D$1(We),Ze=D$1(Ke),_t=Object.assign(Ve,{Backdrop:qe,Panel:ze,Overlay:Qe,Title:Ze,Description:b$3});
31621
+
31622
+ var t;let a$1=(t=React.startTransition)!=null?t:function(i){i();};
31623
+
31624
+ var q=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(q||{}),z=(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))(z||{});let Q={[0]:e=>({...e,disclosureState:u$4(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}}},k=React.createContext(null);k.displayName="DisclosureContext";function M$2(e){let n=React.useContext(k);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,M$2),o}return n}let v$1=React.createContext(null);v$1.displayName="DisclosureAPIContext";function w$1(e){let n=React.useContext(v$1);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,w$1),o}return n}let H=React.createContext(null);H.displayName="DisclosurePanelContext";function V(){return React.useContext(H)}function Y(e,n){return u$4(n.type,Q,e,n)}let Z=React.Fragment;function ee(e,n){let{defaultOpen:o=!1,...u}=e,T=React.useRef(null),l=y$2(n,T$1(a=>{T.current=a;},e.as===void 0||e.as===React.Fragment)),t=React.useRef(null),f=React.useRef(null),s=React.useReducer(Y,{disclosureState:o?0:1,linkedPanel:!1,buttonRef:f,panelRef:t,buttonId:null,panelId:null}),[{disclosureState:i,buttonId:c},D]=s,d=o$3(a=>{D({type:1});let r=e$1(T);if(!r||!c)return;let p=(()=>a?a instanceof HTMLElement?a:a.current instanceof HTMLElement?a.current:r.getElementById(c):r.getElementById(c))();p==null||p.focus();}),P=React.useMemo(()=>({close:d}),[d]),b=React.useMemo(()=>({open:i===0,close:d}),[i,d]),y={ref:l};return React.createElement(k.Provider,{value:s},React.createElement(v$1.Provider,{value:P},React.createElement(c$4,{value:u$4(i,{[0]:d$2.Open,[1]:d$2.Closed})},X$1({ourProps:y,theirProps:u,slot:b,defaultTag:Z,name:"Disclosure"}))))}let te="button";function ne(e,n){let o=I$3(),{id:u=`headlessui-disclosure-button-${o}`,...T}=e,[l,t]=M$2("Disclosure.Button"),f=V(),s=f===null?!1:f===l.panelId,i=React.useRef(null),c=y$2(i,n,s?null:l.buttonRef);React.useEffect(()=>{if(!s)return t({type:2,buttonId:u}),()=>{t({type:2,buttonId:null});}},[u,t,s]);let D=o$3(r=>{var p;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}),(p=l.buttonRef.current)==null||p.focus();break}}else switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0});break}}),d=o$3(r=>{switch(r.key){case o$1.Space:r.preventDefault();break}}),P=o$3(r=>{var p;r$2(r.currentTarget)||e.disabled||(s?(t({type:0}),(p=l.buttonRef.current)==null||p.focus()):t({type:0}));}),b=React.useMemo(()=>({open:l.disclosureState===0}),[l]),y=s$4(e,i),a=s?{ref:c,type:y,onKeyDown:D,onClick:P}:{ref:c,id:u,type:y,"aria-expanded":l.disclosureState===0,"aria-controls":l.linkedPanel?l.panelId:void 0,onKeyDown:D,onKeyUp:d,onClick:P};return X$1({ourProps:a,theirProps:T,slot:b,defaultTag:te,name:"Disclosure.Button"})}let le$1="div",oe$1=S$5.RenderStrategy|S$5.Static;function re(e,n){let o=I$3(),{id:u=`headlessui-disclosure-panel-${o}`,...T}=e,[l,t]=M$2("Disclosure.Panel"),{close:f}=w$1("Disclosure.Panel"),s=y$2(n,l.panelRef,P=>{a$1(()=>t({type:P?4:5}));});React.useEffect(()=>(t({type:3,panelId:u}),()=>{t({type:3,panelId:null});}),[u,t]);let i=C(),c=(()=>i!==null?(i&d$2.Open)===d$2.Open:l.disclosureState===0)(),D=React.useMemo(()=>({open:l.disclosureState===0,close:f}),[l,f]),d={ref:s,id:u};return React.createElement(H.Provider,{value:l.panelId},X$1({ourProps:d,theirProps:T,slot:D,defaultTag:le$1,features:oe$1,visible:c,name:"Disclosure.Panel"}))}let se$1=D$1(ee),ue=D$1(ne),ie=D$1(re),ve$1=Object.assign(se$1,{Button:ue,Panel:ie});
31625
+
31626
+ 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()}
31627
+
31628
+ function b$1(c){let t=React.useRef(""),r=React.useRef("");return o$3(()=>{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})}
31629
+
31630
+ 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,i=I$2(u(e.items.slice()),t=>t.dataRef.current.domRef.current),s=r?i.indexOf(r):null;return s===-1&&(s=null),{items:i,activeItemIndex:s}}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 s;let r=w(e),i=x$1(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...e,...r,searchQuery:"",activeItemIndex:i,activationTrigger:(s=u.trigger)!=null?s:1}},[3]:(e,u)=>{let i=e.searchQuery!==""?0:1,s=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+i).concat(e.items.slice(0,e.activeItemIndex+i)):e.items).find(l=>{var m;return ((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(s))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:s}:{...e,searchQuery:s,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,i=>[...i,{id:u.id,dataRef:u.dataRef}]);return {...e,...r}},[6]:(e,u)=>{let r=w(e,i=>{let s=i.findIndex(t=>t.id===u.id);return s!==-1&&i.splice(s,1),i});return {...e,...r,activationTrigger:1}}},U$1=React.createContext(null);U$1.displayName="MenuContext";function O(e){let u=React.useContext(U$1);if(u===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,O),r}return u}function ye$1(e,u){return u$4(u.type,Te,e,u)}let Ie=React.Fragment;function Me(e,u){let{__demoMode:r=!1,...i}=e,s=React.useReducer(ye$1,{__demoMode:r,menuState:r?0:1,buttonRef:React.createRef(),itemsRef:React.createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=s,m=y$2(u);h$4([a,o],(g,R)=>{var p;l({type:1}),h$5(R,T$2.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus());},t===0);let I=o$3(()=>{l({type:1});}),A=React.useMemo(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return React.createElement(U$1.Provider,{value:s},React.createElement(c$4,{value:u$4(t,{[0]:d$2.Open,[1]:d$2.Closed})},X$1({ourProps:f,theirProps:i,slot:A,defaultTag:Ie,name:"Menu"})))}let ge="button";function Re$1(e,u){var R;let r=I$3(),{id:i=`headlessui-menu-button-${r}`,...s}=e,[t,o]=O("Menu.Button"),a=y$2(t.buttonRef,u),l=p$3(),m=o$3(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:a$8.First}));break;case o$1.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:a$8.Last}));break}}),I=o$3(p=>{switch(p.key){case o$1.Space:p.preventDefault();break}}),A=o$3(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=React.useMemo(()=>({open:t.menuState===0}),[t]),g={ref:a,id:i,type:s$4(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 X$1({ourProps:g,theirProps:s,slot:f,defaultTag:ge,name:"Menu.Button"})}let Ae="div",be$1=S$5.RenderStrategy|S$5.Static;function Ee(e,u){var M,b;let r=I$3(),{id:i=`headlessui-menu-items-${r}`,...s}=e,[t,o]=O("Menu.Items"),a=y$2(t.itemsRef,u),l=n$1(t.itemsRef),m=p$3(),I=C(),A=(()=>I!==null?(I&d$2.Open)===d$2.Open:t.menuState===0)();React.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$1({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$3(n=>{var E,P;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];(P=(E=S.current)==null?void 0:E.domRef.current)==null||P.click();}D$2(t.buttonRef.current);break;case o$1.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$8.Next});case o$1.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$8.Previous});case o$1.Home:case o$1.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$8.First});case o$1.End:case o$1.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$8.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(()=>{_$1(t.buttonRef.current,n.shiftKey?M$5.Previous:M$5.Next);});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=o$3(n=>{switch(n.key){case o$1.Space:n.preventDefault();break}}),R=React.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:i,onKeyDown:f,onKeyUp:g,role:"menu",tabIndex:0,ref:a};return X$1({ourProps:p,theirProps:s,slot:R,defaultTag:Ae,features:be$1,visible:A,name:"Menu.Items"})}let Se$1=React.Fragment;function Pe$1(e,u){let r=I$3(),{id:i=`headlessui-menu-item-${r}`,disabled:s=!1,...t}=e,[o,a]=O("Menu.Item"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===i:!1,m=React.useRef(null),I=y$2(u,m);l$4(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=o$4();return T.requestAnimationFrame(()=>{var v,B;(B=(v=m.current)==null?void 0:v.scrollIntoView)==null||B.call(v,{block:"nearest"});}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=b$1(m),f=React.useRef({disabled:s,domRef:m,get textValue(){return A()}});l$4(()=>{f.current.disabled=s;},[f,s]),l$4(()=>(a({type:5,id:i,dataRef:f}),()=>a({type:6,id:i})),[f,i]);let g=o$3(()=>{a({type:1});}),R=o$3(T=>{if(s)return T.preventDefault();a({type:1}),D$2(o.buttonRef.current);}),p=o$3(()=>{if(s)return a({type:2,focus:a$8.Nothing});a({type:2,focus:a$8.Specific,id:i});}),M=u$2(),b=o$3(T=>M.update(T)),n=o$3(T=>{M.wasMoved(T)&&(s||l||a({type:2,focus:a$8.Specific,id:i,trigger:0}));}),E=o$3(T=>{M.wasMoved(T)&&(s||l&&a({type:2,focus:a$8.Nothing}));}),P=React.useMemo(()=>({active:l,disabled:s,close:g}),[l,s,g]);return X$1({ourProps:{id:i,ref:I,role:"menuitem",tabIndex:s===!0?void 0:-1,"aria-disabled":s===!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:P,defaultTag:Se$1,name:"Menu.Item"})}let ve=D$1(Me),xe$1=D$1(Re$1),he=D$1(Ee),De$1=D$1(Pe$1),it=Object.assign(ve,{Button:xe$1,Items:he,Item:De$1});
31631
+
31632
+ function c(a=0){let[l,r]=React.useState(a),t=f$3(),o=React.useCallback(e=>{t.current&&r(u=>u|e);},[l,t]),m=React.useCallback(e=>Boolean(l&e),[l]),s=React.useCallback(e=>{t.current&&r(u=>u&~e);},[r,t]),g=React.useCallback(e=>{t.current&&r(u=>u^e);},[r]);return {flags:l,addFlag:o,hasFlag:m,removeFlag:s,toggleFlag:g}}
31633
+
31634
+ function l(r){let e={called:!1};return (...t)=>{if(!e.called)return e.called=!0,r(...t)}}
31635
+
31636
+ 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$4(a,{enter:()=>e.enter,leave:()=>e.leave}),l$1=u$4(a,{enter:()=>e.enterTo,leave:()=>e.leaveTo}),r=u$4(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}
31637
+
31638
+ function E({immediate:t,container:s,direction:n,classes:u,onStart:a,onStop:c}){let l=f$3(),d=p$3(),e=s$7(n);l$4(()=>{t&&(e.current="enter");},[t]),l$4(()=>{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]);}
31639
+
31640
+ function S(t=""){return t.split(" ").filter(n=>n.trim().length>1)}let _=React.createContext(null);_.displayName="TransitionContext";var be=(r=>(r.Visible="visible",r.Hidden="hidden",r))(be||{});function Se(){let t=React.useContext(_);if(t===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return t}function Ne(){let t=React.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=React.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 oe(t,n){let r=s$7(t),s=React.useRef([]),y=f$3(),D=p$3(),c=o$3((i,e=j$2.Hidden)=>{let a=s.current.findIndex(({el:o})=>o===i);a!==-1&&(u$4(e,{[j$2.Unmount](){s.current.splice(a,1);},[j$2.Hidden](){s.current[a].state="hidden";}}),D.microTask(()=>{var o;!U(s)&&y.current&&((o=r.current)==null||o.call(r));}));}),x=o$3(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"}),()=>c(i,j$2.Unmount)}),p=React.useRef([]),h=React.useRef(Promise.resolve()),u=React.useRef({enter:[],leave:[],idle:[]}),v=o$3((i,e,a)=>{p.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=>{p.current.push(o);})]),n==null||n.chains.current[e].push([i,new Promise(o=>{Promise.all(u.current[e].map(([f,P])=>P)).then(()=>o());})]),e==="enter"?h.current=h.current.then(()=>n==null?void 0:n.wait.current).then(()=>a(e)):a(e);}),d=o$3((i,e,a)=>{Promise.all(u.current[e].splice(0).map(([o,f])=>f)).then(()=>{var o;(o=p.current.shift())==null||o();}).then(()=>a(e));});return React.useMemo(()=>({children:s,register:x,unregister:c,onStart:v,onStop:d,wait:h,chains:u}),[x,c,s,v,d,u,h])}function xe(){}let Pe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function se(t){var r;let n={};for(let s of Pe)n[s]=(r=t[s])!=null?r:xe;return n}function Re(t){let n=React.useRef(se(t));return React.useEffect(()=>{n.current=se(t);},[t]),n}let ye="div",ae=S$5.RenderStrategy;function De(t,n){var K,Q;let{beforeEnter:r,afterEnter:s,beforeLeave:y,afterLeave:D,enter:c$1,enterFrom:x,enterTo:p,entered:h,leave:u,leaveFrom:v,leaveTo:d,...i}=t,e=React.useRef(null),a=y$2(e,n),o=(K=i.unmount)==null||K?j$2.Unmount:j$2.Hidden,{show:f,appear:P,initial:T}=Se(),[l,j]=React.useState(f?"visible":"hidden"),q=Ne(),{register:O,unregister:V}=q;React.useEffect(()=>O(e),[O,e]),React.useEffect(()=>{if(o===j$2.Hidden&&e.current){if(f&&l!=="visible"){j("visible");return}return u$4(l,{["hidden"]:()=>V(e),["visible"]:()=>O(e)})}},[l,e,O,V,f,o]);let k=s$7({base:S(i.className),enter:S(c$1),enterFrom:S(x),enterTo:S(p),entered:S(h),leave:S(u),leaveFrom:S(v),leaveTo:S(d)}),w=Re({beforeEnter:r,afterEnter:s,beforeLeave:y,afterLeave:D}),G=l$3();React.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 ue=T&&!P,z=P&&f&&T,Te=(()=>!G||ue?"idle":f?"enter":"leave")(),H=c(0),de=o$3(g=>u$4(g,{enter:()=>{H.addFlag(d$2.Opening),w.current.beforeEnter();},leave:()=>{H.addFlag(d$2.Closing),w.current.beforeLeave();},idle:()=>{}})),fe=o$3(g=>u$4(g,{enter:()=>{H.removeFlag(d$2.Opening),w.current.afterEnter();},leave:()=>{H.removeFlag(d$2.Closing),w.current.afterLeave();},idle:()=>{}})),A=oe(()=>{j("hidden"),V(e);},q);E({immediate:z,container:e,classes:k,direction:Te,onStart:s$7(g=>{A.onStart(e,g,de);}),onStop:s$7(g=>{A.onStop(e,g,fe),g==="leave"&&!U(A)&&(j("hidden"),V(e));})});let R=i,me={ref:a};return z?R={...R,className:t$6(i.className,...k.current.enter,...k.current.enterFrom)}:(R.className=t$6(i.className,(Q=e.current)==null?void 0:Q.className),R.className===""&&delete R.className),React.createElement(M.Provider,{value:A},React.createElement(c$4,{value:u$4(l,{["visible"]:d$2.Open,["hidden"]:d$2.Closed})|H.flags},X$1({ourProps:me,theirProps:R,defaultTag:ye,features:ae,visible:l==="visible",name:"Transition.Child"})))}function He(t,n){let{show:r,appear:s=!1,unmount:y=!0,...D}=t,c=React.useRef(null),x=y$2(c,n);l$3();let p=C();if(r===void 0&&p!==null&&(r=(p&d$2.Open)===d$2.Open),![!0,!1].includes(r))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,u]=React.useState(r?"visible":"hidden"),v=oe(()=>{u("hidden");}),[d,i]=React.useState(!0),e=React.useRef([r]);l$4(()=>{d!==!1&&e.current[e.current.length-1]!==r&&(e.current.push(r),i(!1));},[e,r]);let a=React.useMemo(()=>({show:r,appear:s,initial:d}),[r,s,d]);React.useEffect(()=>{if(r)u("visible");else if(!U(v))u("hidden");else {let T=c.current;if(!T)return;let l=T.getBoundingClientRect();l.x===0&&l.y===0&&l.width===0&&l.height===0&&u("hidden");}},[r,v]);let o={unmount:y},f=o$3(()=>{var T;d&&i(!1),(T=t.beforeEnter)==null||T.call(t);}),P=o$3(()=>{var T;d&&i(!1),(T=t.beforeLeave)==null||T.call(t);});return React.createElement(M.Provider,{value:v},React.createElement(_.Provider,{value:a},X$1({ourProps:{...o,as:React.Fragment,children:React.createElement(le,{ref:x,...o,...D,beforeEnter:f,beforeLeave:P})},theirProps:{},defaultTag:React.Fragment,features:ae,visible:h==="visible",name:"Transition"})))}function Fe(t,n){let r=React.useContext(_)!==null,s=C()!==null;return React.createElement(React.Fragment,null,!r&&s?React.createElement(W,{ref:n,...t}):React.createElement(le,{ref:n,...t}))}let W=D$1(He),le=D$1(De),Le=D$1(Fe),tt=Object.assign(W,{Child:Le,Root:W});
31641
+
31642
+ var OpenStateContext = React.createContext(undefined);
31643
+ var useOpenState = function () {
31644
+ var context = React.useContext(OpenStateContext);
31645
+ if (context === undefined) {
31646
+ throw new Error("useOpenState must be used within a OpenStateProvider");
31647
+ }
31648
+ return context;
31649
+ };
31650
+ var Collapsible = function (_a) {
31651
+ var children = _a.children;
31652
+ return (React.createElement(ve$1, null, function (_a) {
31653
+ var open = _a.open;
31654
+ return (React.createElement(OpenStateContext.Provider, { value: open }, children));
31655
+ }));
31656
+ };
31657
+ Collapsible.Button = function (_a) {
31658
+ var label = _a.label, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d;
31659
+ var open = useOpenState();
31660
+ var labelClasses = {
31661
+ primary: {
31662
+ base: "s-text-action-500 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
31663
+ hover: "group-hover:s-text-action-400",
31664
+ active: "active:s-text-action-600",
31665
+ dark: {
31666
+ base: "dark:s-text-action-500-dark",
31667
+ hover: "dark:group-hover:s-text-action-400-dark",
31668
+ active: "dark:active:s-text-action-600-dark",
31669
+ disabled: "dark:s-element-500-dark",
31670
+ },
31671
+ disabled: "s-element-500",
31672
+ },
31673
+ secondary: {
31674
+ base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
31675
+ hover: "group-hover:s-text-action-500",
31676
+ active: "active:s-text-action-600",
31677
+ dark: {
31678
+ base: "dark:s-text-element-900-dark",
31679
+ hover: "dark:group-hover:s-text-action-400-dark",
31680
+ active: "dark:active:s-text-action-600-dark",
31681
+ disabled: "dark:s-element-500-dark",
31682
+ },
31683
+ disabled: "s-element-500",
31684
+ },
31685
+ };
31686
+ var chevronClasses = {
31687
+ primary: {
31688
+ base: "s-text-element-600",
31689
+ hover: "group-hover:s-text-action-400",
31690
+ active: "active:s-text-action-700",
31691
+ disabled: "s-element-500",
31692
+ dark: {
31693
+ base: "dark:s-text-element-600-dark",
31694
+ hover: "dark:group-hover:s-text-action-500-dark",
31695
+ active: "dark:active:s-text-action-700-dark",
31696
+ disabled: "dark:s-element-500-dark",
31697
+ },
31698
+ },
31699
+ secondary: {
31700
+ base: "s-text-element-600",
31701
+ hover: "group-hover:s-text-action-400",
31702
+ active: "active:s-text-action-700",
31703
+ disabled: "s-element-500",
31704
+ dark: {
31705
+ base: "dark:s-text-element-600-dark",
31706
+ hover: "dark:group-hover:s-text-action-500-dark",
31707
+ active: "dark:active:s-text-action-700-dark",
31708
+ disabled: "dark:s-element-500-dark",
31709
+ },
31710
+ },
31711
+ };
31712
+ 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 : "");
31713
+ 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 : "");
31714
+ return (React.createElement(React.Fragment, null, children ? (children) : (React.createElement(ve$1.Button, { disabled: disabled, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-gap-1 s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0") },
31715
+ React.createElement(Icon, { visual: open ? SvgChevronDown$1 : SvgChevronRight$1, size: "sm", className: finalChevronClasses }),
31716
+ React.createElement("span", { className: finalLabelClasses }, label)))));
31717
+ };
31718
+ Collapsible.Panel = function (_a) {
31719
+ var children = _a.children;
31720
+ return (React.createElement(tt, { 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" },
31721
+ React.createElement(ve$1.Panel, null,
31722
+ React.createElement("div", { className: "s-text-gray-500" }, children))));
31723
+ };
31724
+
31725
+ var tabClasses = {
31726
+ default: {
31727
+ base: "s-text-element-800 s-border-transparent s-cursor-pointer",
31728
+ hover: "hover:s-text-action-500 hover:s-border-action-300",
31729
+ dark: {
31730
+ base: "dark:s-text-element-700-dark",
31731
+ hover: "dark:hover:s-text-action-600-dark",
31732
+ },
31733
+ },
31734
+ selected: {
31735
+ base: "s-border-action-500 s-text-action-500 s-cursor-default",
31736
+ hover: "",
31737
+ dark: {
31738
+ base: "dark:s-border-action-500-dark dark:s-text-action-500-dark",
31739
+ hover: "",
31740
+ },
31741
+ },
31742
+ };
31743
+ var iconClasses$4 = {
31744
+ default: {
31745
+ base: "s-text-element-600",
31746
+ hover: "group-hover:s-text-action-400",
31747
+ dark: {
31748
+ base: "dark:s-text-element-600-dark",
31749
+ hover: "dark:group-hover:s-text-action-500-dark",
31750
+ },
31751
+ },
31752
+ selected: {
31753
+ base: "s-text-action-400",
31754
+ hover: "",
31755
+ dark: {
31756
+ base: "dark:s-text-action-500-dark",
31757
+ hover: "",
31758
+ },
31759
+ },
31760
+ };
31761
+ var tabSizingClasses = {
31762
+ hug: "",
31763
+ expand: "s-flex-1",
31764
+ };
31765
+ function Tab(_a) {
31766
+ var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
31767
+ var components = React.useContext(SparkleContext).components;
31768
+ var renderTabs = function () {
31769
+ return tabs.map(function (tab, i) {
31770
+ var _a, _b;
31771
+ var tabStateClasses = tab.current
31772
+ ? tabClasses.selected
31773
+ : tabClasses.default;
31774
+ var iconStateClasses = tab.current
31775
+ ? iconClasses$4.selected
31776
+ : iconClasses$4.default;
31777
+ var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-px-4 s-py-3 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", "s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-3 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", tab.icon ? " s-pr-5 s-pl-4" : " s-px-5", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
31778
+ var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
31779
+ var Link = tab.href
31780
+ ? components.link
31781
+ : noHrefLink;
31782
+ var content = (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label ? tab.label : "", event); }, href: tab.href || "#" },
31783
+ React.createElement("div", { className: tab.current
31784
+ ? "s-flex s-gap-x-2"
31785
+ : "s-flex s-gap-x-2 s-transition s-duration-300 s-ease-out" },
31786
+ tab.icon && (React.createElement(Icon, { visual: tab.icon, className: finalIconClasses, size: "sm" })), (_b = tab.hideLabel) !== null && _b !== void 0 ? _b : tab.label)));
31787
+ return tab.hideLabel ? (tab.label ? (React.createElement(React.Fragment, { key: "tab-".concat(i) },
31788
+ React.createElement("div", null,
31789
+ React.createElement(Tooltip, { label: tab.label }, content)),
31790
+ tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) })))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
31791
+ React.createElement("div", null, content),
31792
+ tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
31793
+ React.createElement("div", null, content),
31794
+ tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))));
31795
+ });
31796
+ };
31797
+ return (React.createElement("div", { className: "s-border-b s-border-structure-200 dark:s-border-structure-200-dark" },
31798
+ React.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
31799
+ }
31800
+
31801
+ var sizeClasses$1 = {
31802
+ sm: "s-py-2 s-text-sm s-font-normal",
31803
+ md: "s-py-3 s-text-sm s-font-semibold",
31804
+ };
31805
+ var baseClasses$3 = "s-group s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none";
31806
+ var iconBaseClasses = "s-transition-colors s-ease-out s-duration-400";
31807
+ var iconClasses$3 = {
31808
+ default: {
31809
+ base: "s-text-element-600",
31810
+ hover: "group-hover:s-text-action-400",
31811
+ dark: {
31812
+ base: "dark:s-text-element-700-dark",
31813
+ hover: "dark:group-hover:s-text-action-500-dark",
31814
+ },
31815
+ },
31816
+ selected: {
31817
+ base: "s-text-action-400",
31818
+ hover: "",
31819
+ dark: {
31820
+ base: "dark:s-text-action-400-dark",
31821
+ hover: "",
31822
+ },
31823
+ },
31824
+ };
31825
+ var chevronClasses$1 = {
31826
+ default: {
31827
+ base: "s-text-element-600",
31828
+ hover: "group-hover:s-text-action-400",
31829
+ dark: {
31830
+ base: "dark:s-text-element-600-dark",
31831
+ hover: "dark:group-hover:s-text-action-500-dark",
31832
+ },
31833
+ },
31834
+ selected: {
31835
+ base: "s-text-action-300",
31836
+ hover: "",
31837
+ active: "",
31838
+ dark: {
31839
+ base: "dark:s-text-action-300-dark",
31840
+ hover: "",
31841
+ },
31842
+ disabled: "",
31843
+ },
31844
+ };
31845
+ var stateClasses = {
31846
+ default: {
31847
+ base: "s-text-element-700 s-cursor-pointer",
31848
+ hover: "hover:s-text-element-800",
31849
+ active: "active:s-text-element-900",
31850
+ dark: {
31851
+ base: "dark:s-text-element-700-dark",
31852
+ hover: "dark:hover:s-text-element-800-dark",
31853
+ active: "dark:active:s-text-element-900-dark",
31854
+ },
31855
+ disabled: "s-opacity-50",
31856
+ },
31857
+ selected: {
31858
+ base: "s-text-action-500",
31859
+ hover: "",
31860
+ active: "",
31861
+ dark: {
31862
+ base: "dark:s-text-action-500-dark",
31863
+ hover: "",
31864
+ active: "",
31865
+ },
31866
+ disabled: "",
31867
+ },
31868
+ };
31869
+ var stateClassesMD = {
31870
+ default: {
31871
+ base: "s-text-element-900 s-cursor-pointer",
31872
+ hover: "hover:s-text-action-500",
31873
+ active: "active:s-text-action-700",
31874
+ dark: {
31875
+ base: "dark:s-text-element-900-dark",
31876
+ hover: "dark:hover:s-text-action-400",
31877
+ active: "dark:active:s-text-action-600",
31878
+ },
31879
+ disabled: "s-opacity-50",
31880
+ },
31881
+ selected: {
31882
+ base: "s-text-action-500",
31883
+ hover: "",
31884
+ active: "",
31885
+ dark: {
31886
+ base: "dark:s-text-action-500-dark",
31887
+ hover: "",
31888
+ active: "",
31889
+ },
31890
+ disabled: "",
31891
+ },
31892
+ };
31893
+ function Item(_a) {
31894
+ var _b, _c, _d;
31895
+ var onClick = _a.onClick, _e = _a.selected, selected = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.variant, variant = _h === void 0 ? "default" : _h, label = _a.label, icon = _a.icon, visual = _a.visual, _j = _a.className, className = _j === void 0 ? "" : _j, href = _a.href;
31896
+ var components = React.useContext(SparkleContext).components;
31897
+ var currentStateClasses = size === "md"
31898
+ ? selected
31899
+ ? stateClassesMD.selected
31900
+ : stateClassesMD.default
31901
+ : selected
31902
+ ? stateClasses.selected
31903
+ : stateClasses.default;
31904
+ var currentIconClasses = selected
31905
+ ? iconClasses$3.selected
31906
+ : iconClasses$3.default;
31907
+ var currentChevronClasses = selected
31908
+ ? chevronClasses$1.selected
31909
+ : chevronClasses$1.default;
31910
+ var itemClasses = classNames(baseClasses$3, sizeClasses$1[size], disabled ? "s-cursor-default" : currentStateClasses.base, disabled ? "s-cursor-default" : (_b = currentStateClasses.dark) === null || _b === void 0 ? void 0 : _b.base, disabled ? currentStateClasses.disabled : "", !selected && !disabled ? currentStateClasses.hover : "", !selected && !disabled ? (_c = currentStateClasses.dark) === null || _c === void 0 ? void 0 : _c.hover : "", !selected && !disabled ? currentStateClasses.active : "", !selected && !disabled ? (_d = currentStateClasses.dark) === null || _d === void 0 ? void 0 : _d.active : "", className);
31911
+ var finalIconClasses = classNames(iconBaseClasses, currentIconClasses.base, !disabled ? currentIconClasses.hover : "", // Add condition here
31912
+ currentIconClasses.dark.base, !disabled ? currentIconClasses.dark.hover : "" // Add condition here
31913
+ );
31914
+ var finalCevronClasses = classNames(iconBaseClasses, "s-flex-shrink-0", size === "sm" ? "s-text-transparent" : currentChevronClasses.base, !disabled ? currentChevronClasses.hover : "", // Add condition here
31915
+ currentChevronClasses.dark.base, !disabled ? currentChevronClasses.dark.hover : "" // Add condition here
31916
+ );
31917
+ var Link = href ? components.link : noHrefLink;
31918
+ return (React.createElement(Link, { className: itemClasses, onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
31919
+ icon && React.createElement(Icon, { visual: icon, className: finalIconClasses }),
31920
+ visual && React.createElement(Avatar, { size: "xs", visual: visual }),
31921
+ React.createElement("span", { className: "s-grow s-truncate" }, label),
31922
+ variant === "default" && (React.createElement(Icon, { visual: SvgChevronRight$1, className: finalCevronClasses, size: "sm" }))));
31923
+ }
31924
+ Item.SectionHeader = function (_a) {
31925
+ var label = _a.label;
31926
+ return (React.createElement("div", { className: "s-py-2 s-text-xs s-font-medium s-uppercase s-text-element-800" }, label));
31927
+ };
31928
+ Item.List = function (_a) {
31929
+ var children = _a.children, className = _a.className;
31930
+ return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
31931
+ React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
31932
+ };
31933
+
31934
+ function ContextItem(_a) {
31935
+ var title = _a.title, visual = _a.visual, action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b;
31936
+ return (React.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col"), "aria-label": title },
31937
+ React.createElement("div", { className: "s-flex s-flex-row s-gap-3 s-pb-5 s-pt-3" },
31938
+ React.createElement("div", { className: "s-flex s-pt-1.5" }, visual),
31939
+ React.createElement("div", { className: "s-flex s-grow s-flex-col" },
31940
+ React.createElement("div", { className: "s-text-normal s-flex s-h-9 s-flex-col s-justify-center s-font-semibold" }, title),
31941
+ React.createElement("div", { className: "-s-mt-1" }, children)),
31942
+ React.createElement("div", null, action))));
31893
31943
  }
31944
+ ContextItem.List = function (_a) {
31945
+ var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
31946
+ // Ensure all children are of type ContextItem
31947
+ React.Children.forEach(children, function (child) {
31948
+ if (!React.isValidElement(child) || child.type !== ContextItem) {
31949
+ throw new Error("All children of ContextItem.List must be of type ContextItem");
31950
+ }
31951
+ });
31952
+ // Convert children into an array and modify the last child's props
31953
+ var modifiedChildren = React.Children.toArray(children).map(function (child, index, array) {
31954
+ if (React.isValidElement(child) && index === array.length - 1) {
31955
+ return React.cloneElement(child, __assign(__assign({}, child.props), { hasSeparator: false }));
31956
+ }
31957
+ return child;
31958
+ });
31959
+ return (React.createElement("div", { className: classNames(className ? className : "", hasBorder ? "s-border-b s-border-t s-border-structure-200" : "", "s-flex s-flex-col") }, modifiedChildren));
31960
+ };
31961
+ ContextItem.Description = function (_a) {
31962
+ var children = _a.children, description = _a.description;
31963
+ return (React.createElement(React.Fragment, null,
31964
+ description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-600" }, description)),
31965
+ children && React.createElement(React.Fragment, null, children)));
31966
+ };
31967
+ ContextItem.Visual = function (_a) {
31968
+ var visual = _a.visual;
31969
+ return React.createElement(Icon, { size: "md", visual: visual });
31970
+ };
31894
31971
 
31895
- var reactDomExports = reactDom.exports;
31896
-
31897
- let e=React.createContext(!1);function l$2(){return React.useContext(e)}function P(o){return React.createElement(e.Provider,{value:o.force},o.children)}
31898
-
31899
- function F(p){let l=l$2(),n=React.useContext(v$1),e=n$1(p),[a,o]=React.useState(()=>{if(!l&&n!==null||s$8.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 React.useEffect(()=>{a!==null&&(e!=null&&e.body.contains(a)||e==null||e.body.appendChild(a));},[a,e]),React.useEffect(()=>{l||n!==null&&o(n.current);},[n,o,l]),a}let U$2=React.Fragment;function N(p,l){let n=p,e=React.useRef(null),a=y$2(T$1(u=>{e.current=u;}),l),o=n$1(e),t=F(e),[r]=React.useState(()=>{var u;return s$8.isServer?null:(u=o==null?void 0:o.createElement("div"))!=null?u:null}),i=React.useContext(f$2),C=l$3();return l$4(()=>{!t||!r||t.contains(r)||(r.setAttribute("data-headlessui-portal",""),t.appendChild(r));},[t,r]),l$4(()=>{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)));}),C?!t||!r?null:reactDomExports.createPortal(X$1({ourProps:{ref:a},theirProps:n,defaultTag:U$2,name:"Portal"}),r):null}let S$3=React.Fragment,v$1=React.createContext(null);function j$1(p,l){let{target:n,...e}=p,o={ref:y$2(l)};return React.createElement(v$1.Provider,{value:n},X$1({ourProps:o,theirProps:e,defaultTag:S$3,name:"Popover.Group"}))}let f$2=React.createContext(null);function ae$1(){let p=React.useContext(f$2),l=React.useRef([]),n=o$3(o=>(l.current.push(o),p&&p.register(o),()=>e(o))),e=o$3(o=>{let t=l.current.indexOf(o);t!==-1&&l.current.splice(t,1),p&&p.unregister(o);}),a=React.useMemo(()=>({register:n,unregister:e,portals:l}),[n,e,l]);return [l,React.useMemo(()=>function({children:t}){return React.createElement(f$2.Provider,{value:a},t)},[a])]}let D=D$1(N),I$1=D$1(j$1),pe=Object.assign(D,{Group:I$1});
31900
-
31901
- let d$1=React.createContext(null);function f$1(){let r=React.useContext(d$1);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$1),t}return r}function M$3(){let[r,t]=React.useState([]);return [r.length>0?r.join(" "):void 0,React.useMemo(()=>function(e){let i=o$3(s=>(t(o=>[...o,s]),()=>t(o=>{let p=o.slice(),c=p.indexOf(s);return c!==-1&&p.splice(c,1),p}))),n=React.useMemo(()=>({register:i,slot:e.slot,name:e.name,props:e.props}),[i,e.slot,e.name,e.props]);return React.createElement(d$1.Provider,{value:n},e.children)},[t])]}let S$2="p";function h$2(r,t){let a=I$3(),{id:e=`headlessui-description-${a}`,...i}=r,n=f$1(),s=y$2(t);l$4(()=>n.register(e),[e,n.register]);let o={ref:s,...n.props,id:e};return X$1({ourProps:o,theirProps:i,slot:n.slot||{},defaultTag:S$2,name:n.name||"Description"})}let y$1=D$1(h$2),b$3=Object.assign(y$1,{});
31902
-
31903
- let a$4=React.createContext(()=>{});a$4.displayName="StackContext";var s$1=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(s$1||{});function x(){return React.useContext(a$4)}function M$2({children:i,onUpdate:r,type:e,element:n,enabled:u}){let l=x(),o=o$3((...t)=>{r==null||r(...t),l(...t);});return l$4(()=>{let t=u===void 0||u===!0;return t&&o(0,e,n),()=>{t&&o(1,e,n);}},[o,e,n,u]),React.createElement(a$4.Provider,{value:o},i)}
31904
-
31905
- function i(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const d=typeof Object.is=="function"?Object.is:i,{useState:u$1,useEffect:h$1,useLayoutEffect:f,useDebugValue:p$1}=React__namespace;function y(e,t,c){const a=t(),[{inst:n},o]=u$1({inst:{value:a,getSnapshot:t}});return f(()=>{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(c,a)}catch{return !0}}
31906
-
31907
- function t$1(r,e,n){return e()}
31908
-
31909
- const r=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined",s=!r,c$2=s?t$1:y,a$3="useSyncExternalStore"in React__namespace?(n=>n.useSyncExternalStore)(React__namespace):c$2;
31910
-
31911
- function S$1(t){return a$3(t.subscribe,t.getSnapshot,t.getSnapshot)}
31912
-
31913
- function a$2(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()));}}}
31914
-
31915
- 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`);}}}
31916
-
31917
- function T(){if(!t$3())return {};let l;return {before(){l=window.pageYOffset;},after({doc:o,d:t,meta:s}){function i(n){return s.containers.flatMap(e=>e()).some(e=>e.contains(n))}t.microTask(()=>{if(window.getComputedStyle(o.documentElement).scrollBehavior!=="auto"){let e=o$4();e.style(o.documentElement,"scroll-behavior","auto"),t.add(()=>t.microTask(()=>e.dispose()));}t.style(o.body,"marginTop",`-${l}px`),window.scrollTo(0,0);let n=null;t.addEventListener(o,"click",e=>{if(e.target instanceof HTMLElement)try{let r=e.target.closest("a");if(!r)return;let{hash:c}=new URL(r.href),a=o.querySelector(c);a&&!i(a)&&(n=a);}catch{}},!0),t.addEventListener(o,"touchmove",e=>{e.target instanceof HTMLElement&&!i(e.target)&&e.preventDefault();},{passive:!1}),t.add(()=>{window.scrollTo(0,window.pageYOffset+l),n&&n.isConnected&&(n.scrollIntoView({block:"nearest"}),n=null);});});}}}
31918
-
31919
- function l$1(){return {before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden");}}}
31920
-
31921
- function m(e){let n={};for(let t of e)Object.assign(n,t(n));return n}let a$1=a$2(()=>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=[T(),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$1.subscribe(()=>{let e=a$1.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$1.dispatch(t.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",t),t.count===0&&a$1.dispatch("TEARDOWN",t);}});
31922
-
31923
- function p(e,r,n){let f=S$1(a$1),o=e?f.get(e):void 0,i=o?o.count>0:!1;return l$4(()=>{if(!(!e||!r))return a$1.dispatch("PUSH",e,n),()=>a$1.dispatch("POP",e,n)},[r,e]),i}
31924
-
31925
- let u=new Map,t=new Map;function h(r,l=!0){l$4(()=>{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.get(e))!=null?d:1;if(i===1?t.delete(e):t.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.get(e))!=null?o:0;return t.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]);}
31926
-
31927
- function j({defaultContainers:t=[],portals:r,mainTreeNodeRef:u}={}){var c;let o=React.useRef((c=u==null?void 0:u.current)!=null?c:null),l=n$1(o),f=o$3(()=>{var i;let n=[];for(let e of t)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(o.current)||n.some(T=>e.contains(T))||n.push(e));return n});return {resolveContainers:f,contains:o$3(n=>f().some(i=>i.contains(n))),mainTreeNodeRef:o,MainTreeNode:React.useMemo(()=>function(){return u!=null?null:React.createElement(c$5,{features:p$2.Hidden,ref:o})},[o,u])}}
31928
-
31929
- var _e=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(_e||{}),Ie$1=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Ie$1||{});let Me$1={[0](t,e){return t.titleId===e.id?t:{...t,titleId:e.id}}},I=React.createContext(null);I.displayName="DialogContext";function b$2(t){let e=React.useContext(I);if(e===null){let o=new Error(`<${t} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,b$2),o}return e}function we(t,e,o=()=>[document.body]){p(t,e,i=>{var n;return {containers:[...(n=i.containers)!=null?n:[],o]}});}function Be(t,e){return u$4(e.type,Me$1,t,e)}let He$1="div",Ge=S$5.RenderStrategy|S$5.Static;function Ne$1(t,e){var X;let o=I$3(),{id:i=`headlessui-dialog-${o}`,open:n,onClose:l,initialFocus:s,__demoMode:g=!1,...T}=t,[m,h$1]=React.useState(0),a=C();n===void 0&&a!==null&&(n=(a&d$2.Open)===d$2.Open);let D=React.useRef(null),Q=y$2(D,e),f=n$1(D),N=t.hasOwnProperty("open")||a!==null,U=t.hasOwnProperty("onClose");if(!N&&!U)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!N)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!U)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,[S,Z]=React.useReducer(Be,{titleId:null,descriptionId:null,panelRef:React.createRef()}),P$1=o$3(()=>l(!1)),W=o$3(r=>Z({type:0,id:r})),L=l$3()?g?!1:p===0:!1,F=m>1,Y=React.useContext(I)!==null,[ee,te]=ae$1(),{resolveContainers:M,mainTreeNodeRef:k,MainTreeNode:oe}=j({portals:ee,defaultContainers:[(X=S.panelRef.current)!=null?X:D.current]}),re=F?"parent":"leaf",$=a!==null?(a&d$2.Closing)===d$2.Closing:!1,ne=(()=>Y||$?!1:L)(),le=React.useCallback(()=>{var r,c;return (c=Array.from((r=f==null?void 0:f.querySelectorAll("body > *"))!=null?r:[]).find(d=>d.id==="headlessui-portal-root"?!1:d.contains(k.current)&&d instanceof HTMLElement))!=null?c:null},[k]);h(le,ne);let ae=(()=>F?!0:L)(),ie=React.useCallback(()=>{var r,c;return (c=Array.from((r=f==null?void 0:f.querySelectorAll("[data-headlessui-portal]"))!=null?r:[]).find(d=>d.contains(k.current)&&d instanceof HTMLElement))!=null?c:null},[k]);h(ie,ae);let se=(()=>!(!L||F))();h$4(M,P$1,se);let pe$1=(()=>!(F||p!==0))();E$1(f==null?void 0:f.defaultView,"keydown",r=>{pe$1&&(r.defaultPrevented||r.key===o$1.Escape&&(r.preventDefault(),r.stopPropagation(),P$1()));});let de=(()=>!($||p!==0||Y))();we(f,de,M),React.useEffect(()=>{if(p!==0||!D.current)return;let r=new ResizeObserver(c=>{for(let d of c){let x=d.target.getBoundingClientRect();x.x===0&&x.y===0&&x.width===0&&x.height===0&&P$1();}});return r.observe(D.current),()=>r.disconnect()},[p,D,P$1]);let[ue,fe]=M$3(),ge=React.useMemo(()=>[{dialogState:p,close:P$1,setTitleId:W},S],[p,S,P$1,W]),J=React.useMemo(()=>({open:p===0}),[p]),Te={ref:Q,id:i,role:"dialog","aria-modal":p===0?!0:void 0,"aria-labelledby":S.titleId,"aria-describedby":ue};return React.createElement(M$2,{type:"Dialog",enabled:p===0,element:D,onUpdate:o$3((r,c)=>{c==="Dialog"&&u$4(r,{[s$1.Add]:()=>h$1(d=>d+1),[s$1.Remove]:()=>h$1(d=>d-1)});})},React.createElement(P,{force:!0},React.createElement(pe,null,React.createElement(I.Provider,{value:ge},React.createElement(pe.Group,{target:D},React.createElement(P,{force:!1},React.createElement(fe,{slot:J,name:"Dialog.Description"},React.createElement(ge$1,{initialFocus:s,containers:M,features:L?u$4(re,{parent:ge$1.features.RestoreFocus,leaf:ge$1.features.All&~ge$1.features.FocusLock}):ge$1.features.None},React.createElement(te,null,X$1({ourProps:Te,theirProps:T,slot:J,defaultTag:He$1,features:Ge,visible:p===0,name:"Dialog"}))))))))),React.createElement(oe,null))}let Ue="div";function We(t,e){let o=I$3(),{id:i=`headlessui-dialog-overlay-${o}`,...n}=t,[{dialogState:l,close:s}]=b$2("Dialog.Overlay"),g=y$2(e),T=o$3(a=>{if(a.target===a.currentTarget){if(r$2(a.currentTarget))return a.preventDefault();a.preventDefault(),a.stopPropagation(),s();}}),m=React.useMemo(()=>({open:l===0}),[l]);return X$1({ourProps:{ref:g,id:i,"aria-hidden":!0,onClick:T},theirProps:n,slot:m,defaultTag:Ue,name:"Dialog.Overlay"})}let Ye="div";function $e(t,e){let o=I$3(),{id:i=`headlessui-dialog-backdrop-${o}`,...n}=t,[{dialogState:l},s]=b$2("Dialog.Backdrop"),g=y$2(e);React.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=React.useMemo(()=>({open:l===0}),[l]);return React.createElement(P,{force:!0},React.createElement(pe,null,X$1({ourProps:{ref:g,id:i,"aria-hidden":!0},theirProps:n,slot:T,defaultTag:Ye,name:"Dialog.Backdrop"})))}let Je="div";function Xe(t,e){let o=I$3(),{id:i=`headlessui-dialog-panel-${o}`,...n}=t,[{dialogState:l},s]=b$2("Dialog.Panel"),g=y$2(e,s.panelRef),T=React.useMemo(()=>({open:l===0}),[l]),m=o$3(a=>{a.stopPropagation();});return X$1({ourProps:{ref:g,id:i,onClick:m},theirProps:n,slot:T,defaultTag:Je,name:"Dialog.Panel"})}let je="h2";function Ke(t,e){let o=I$3(),{id:i=`headlessui-dialog-title-${o}`,...n}=t,[{dialogState:l,setTitleId:s}]=b$2("Dialog.Title"),g=y$2(e);React.useEffect(()=>(s(i),()=>s(null)),[i,s]);let T=React.useMemo(()=>({open:l===0}),[l]);return X$1({ourProps:{ref:g,id:i},theirProps:n,slot:T,defaultTag:je,name:"Dialog.Title"})}let Ve=D$1(Ne$1),qe=D$1($e),ze=D$1(Xe),Qe=D$1(We),Ze=D$1(Ke),_t=Object.assign(Ve,{Backdrop:qe,Panel:ze,Overlay:Qe,Title:Ze,Description:b$3});
31930
-
31931
- 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()}
31932
-
31933
- function b$1(c){let t=React.useRef(""),r=React.useRef("");return o$3(()=>{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})}
31934
-
31935
- 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,i=I$2(u(e.items.slice()),t=>t.dataRef.current.domRef.current),s=r?i.indexOf(r):null;return s===-1&&(s=null),{items:i,activeItemIndex:s}}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 s;let r=w(e),i=x$1(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...e,...r,searchQuery:"",activeItemIndex:i,activationTrigger:(s=u.trigger)!=null?s:1}},[3]:(e,u)=>{let i=e.searchQuery!==""?0:1,s=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+i).concat(e.items.slice(0,e.activeItemIndex+i)):e.items).find(l=>{var m;return ((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(s))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:s}:{...e,searchQuery:s,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,i=>[...i,{id:u.id,dataRef:u.dataRef}]);return {...e,...r}},[6]:(e,u)=>{let r=w(e,i=>{let s=i.findIndex(t=>t.id===u.id);return s!==-1&&i.splice(s,1),i});return {...e,...r,activationTrigger:1}}},U$1=React.createContext(null);U$1.displayName="MenuContext";function O(e){let u=React.useContext(U$1);if(u===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,O),r}return u}function ye$1(e,u){return u$4(u.type,Te,e,u)}let Ie=React.Fragment;function Me(e,u){let{__demoMode:r=!1,...i}=e,s=React.useReducer(ye$1,{__demoMode:r,menuState:r?0:1,buttonRef:React.createRef(),itemsRef:React.createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=s,m=y$2(u);h$4([a,o],(g,R)=>{var p;l({type:1}),h$5(R,T$2.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus());},t===0);let I=o$3(()=>{l({type:1});}),A=React.useMemo(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return React.createElement(U$1.Provider,{value:s},React.createElement(c$4,{value:u$4(t,{[0]:d$2.Open,[1]:d$2.Closed})},X$1({ourProps:f,theirProps:i,slot:A,defaultTag:Ie,name:"Menu"})))}let ge="button";function Re$1(e,u){var R;let r=I$3(),{id:i=`headlessui-menu-button-${r}`,...s}=e,[t,o]=O("Menu.Button"),a=y$2(t.buttonRef,u),l=p$3(),m=o$3(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:a$7.First}));break;case o$1.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:a$7.Last}));break}}),I=o$3(p=>{switch(p.key){case o$1.Space:p.preventDefault();break}}),A=o$3(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=React.useMemo(()=>({open:t.menuState===0}),[t]),g={ref:a,id:i,type:s$4(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 X$1({ourProps:g,theirProps:s,slot:f,defaultTag:ge,name:"Menu.Button"})}let Ae="div",be$1=S$5.RenderStrategy|S$5.Static;function Ee(e,u){var M,b;let r=I$3(),{id:i=`headlessui-menu-items-${r}`,...s}=e,[t,o]=O("Menu.Items"),a=y$2(t.itemsRef,u),l=n$1(t.itemsRef),m=p$3(),I=C(),A=(()=>I!==null?(I&d$2.Open)===d$2.Open:t.menuState===0)();React.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$1({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$3(n=>{var E,P;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];(P=(E=S.current)==null?void 0:E.domRef.current)==null||P.click();}D$2(t.buttonRef.current);break;case o$1.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$7.Next});case o$1.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$7.Previous});case o$1.Home:case o$1.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$7.First});case o$1.End:case o$1.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:a$7.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(()=>{_$1(t.buttonRef.current,n.shiftKey?M$4.Previous:M$4.Next);});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=o$3(n=>{switch(n.key){case o$1.Space:n.preventDefault();break}}),R=React.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:i,onKeyDown:f,onKeyUp:g,role:"menu",tabIndex:0,ref:a};return X$1({ourProps:p,theirProps:s,slot:R,defaultTag:Ae,features:be$1,visible:A,name:"Menu.Items"})}let Se$1=React.Fragment;function Pe$1(e,u){let r=I$3(),{id:i=`headlessui-menu-item-${r}`,disabled:s=!1,...t}=e,[o,a]=O("Menu.Item"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===i:!1,m=React.useRef(null),I=y$2(u,m);l$4(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=o$4();return T.requestAnimationFrame(()=>{var v,B;(B=(v=m.current)==null?void 0:v.scrollIntoView)==null||B.call(v,{block:"nearest"});}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=b$1(m),f=React.useRef({disabled:s,domRef:m,get textValue(){return A()}});l$4(()=>{f.current.disabled=s;},[f,s]),l$4(()=>(a({type:5,id:i,dataRef:f}),()=>a({type:6,id:i})),[f,i]);let g=o$3(()=>{a({type:1});}),R=o$3(T=>{if(s)return T.preventDefault();a({type:1}),D$2(o.buttonRef.current);}),p=o$3(()=>{if(s)return a({type:2,focus:a$7.Nothing});a({type:2,focus:a$7.Specific,id:i});}),M=u$2(),b=o$3(T=>M.update(T)),n=o$3(T=>{M.wasMoved(T)&&(s||l||a({type:2,focus:a$7.Specific,id:i,trigger:0}));}),E=o$3(T=>{M.wasMoved(T)&&(s||l&&a({type:2,focus:a$7.Nothing}));}),P=React.useMemo(()=>({active:l,disabled:s,close:g}),[l,s,g]);return X$1({ourProps:{id:i,ref:I,role:"menuitem",tabIndex:s===!0?void 0:-1,"aria-disabled":s===!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:P,defaultTag:Se$1,name:"Menu.Item"})}let ve=D$1(Me),xe$1=D$1(Re$1),he=D$1(Ee),De$1=D$1(Pe$1),it=Object.assign(ve,{Button:xe$1,Items:he,Item:De$1});
31936
-
31937
- function c(a=0){let[l,r]=React.useState(a),t=f$3(),o=React.useCallback(e=>{t.current&&r(u=>u|e);},[l,t]),m=React.useCallback(e=>Boolean(l&e),[l]),s=React.useCallback(e=>{t.current&&r(u=>u&~e);},[r,t]),g=React.useCallback(e=>{t.current&&r(u=>u^e);},[r]);return {flags:l,addFlag:o,hasFlag:m,removeFlag:s,toggleFlag:g}}
31938
-
31939
- function l(r){let e={called:!1};return (...t)=>{if(!e.called)return e.called=!0,r(...t)}}
31940
-
31941
- 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$4(a,{enter:()=>e.enter,leave:()=>e.leave}),l$1=u$4(a,{enter:()=>e.enterTo,leave:()=>e.leaveTo}),r=u$4(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}
31942
-
31943
- function E({immediate:t,container:s,direction:n,classes:u,onStart:a,onStop:c}){let l=f$3(),d=p$3(),e=s$7(n);l$4(()=>{t&&(e.current="enter");},[t]),l$4(()=>{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]);}
31972
+ var Spinner = function (_a) {
31973
+ var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
31974
+ var sizeClasses = {
31975
+ xs: "s-h-4 s-w-4",
31976
+ sm: "s-h-5 s-w-5",
31977
+ md: "s-h-6 s-w-6",
31978
+ lg: "s-h-8 s-w-8",
31979
+ };
31980
+ var colorClasses = {
31981
+ success: "s-bg-success-500",
31982
+ action: "s-bg-action-500 dark:s-bg-action-500-dark",
31983
+ white: "s-bg-structure-0 dark:s-bg-black",
31984
+ lightGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
31985
+ darkGrey: "s-bg-element-800 dark:s-bg-element-900-dark",
31986
+ };
31987
+ var colorSecClasses = {
31988
+ success: "s-bg-success-300",
31989
+ action: "s-bg-sky-300 dark:s-bg-sky-700",
31990
+ white: "s-opacity-40 s-bg-structure-0 dark:s-bg-structure-0-dark",
31991
+ lightGrey: "s-bg-element-500 dark:s-bg-element-500-dark",
31992
+ darkGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
31993
+ };
31994
+ return (React.createElement(React.Fragment, null,
31995
+ React.createElement("div", { className: classNames("s-relative", sizeClasses[size]) },
31996
+ React.createElement("div", { className: classNames("s-absolute s-inset-0 s-rounded-full", colorSecClasses[variant]) }),
31997
+ React.createElement("div", { className: classNames("s-absolute s-left-0 s-animate-move-square", sizeClasses[size]) },
31998
+ React.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
31999
+ };
31944
32000
 
31945
- function S(t=""){return t.split(" ").filter(n=>n.trim().length>1)}let _=React.createContext(null);_.displayName="TransitionContext";var be=(r=>(r.Visible="visible",r.Hidden="hidden",r))(be||{});function Se(){let t=React.useContext(_);if(t===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return t}function Ne(){let t=React.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=React.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 oe(t,n){let r=s$7(t),s=React.useRef([]),y=f$3(),D=p$3(),c=o$3((i,e=j$2.Hidden)=>{let a=s.current.findIndex(({el:o})=>o===i);a!==-1&&(u$4(e,{[j$2.Unmount](){s.current.splice(a,1);},[j$2.Hidden](){s.current[a].state="hidden";}}),D.microTask(()=>{var o;!U(s)&&y.current&&((o=r.current)==null||o.call(r));}));}),x=o$3(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"}),()=>c(i,j$2.Unmount)}),p=React.useRef([]),h=React.useRef(Promise.resolve()),u=React.useRef({enter:[],leave:[],idle:[]}),v=o$3((i,e,a)=>{p.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=>{p.current.push(o);})]),n==null||n.chains.current[e].push([i,new Promise(o=>{Promise.all(u.current[e].map(([f,P])=>P)).then(()=>o());})]),e==="enter"?h.current=h.current.then(()=>n==null?void 0:n.wait.current).then(()=>a(e)):a(e);}),d=o$3((i,e,a)=>{Promise.all(u.current[e].splice(0).map(([o,f])=>f)).then(()=>{var o;(o=p.current.shift())==null||o();}).then(()=>a(e));});return React.useMemo(()=>({children:s,register:x,unregister:c,onStart:v,onStop:d,wait:h,chains:u}),[x,c,s,v,d,u,h])}function xe(){}let Pe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function se(t){var r;let n={};for(let s of Pe)n[s]=(r=t[s])!=null?r:xe;return n}function Re(t){let n=React.useRef(se(t));return React.useEffect(()=>{n.current=se(t);},[t]),n}let ye="div",ae=S$5.RenderStrategy;function De(t,n){var K,Q;let{beforeEnter:r,afterEnter:s,beforeLeave:y,afterLeave:D,enter:c$1,enterFrom:x,enterTo:p,entered:h,leave:u,leaveFrom:v,leaveTo:d,...i}=t,e=React.useRef(null),a=y$2(e,n),o=(K=i.unmount)==null||K?j$2.Unmount:j$2.Hidden,{show:f,appear:P,initial:T}=Se(),[l,j]=React.useState(f?"visible":"hidden"),q=Ne(),{register:O,unregister:V}=q;React.useEffect(()=>O(e),[O,e]),React.useEffect(()=>{if(o===j$2.Hidden&&e.current){if(f&&l!=="visible"){j("visible");return}return u$4(l,{["hidden"]:()=>V(e),["visible"]:()=>O(e)})}},[l,e,O,V,f,o]);let k=s$7({base:S(i.className),enter:S(c$1),enterFrom:S(x),enterTo:S(p),entered:S(h),leave:S(u),leaveFrom:S(v),leaveTo:S(d)}),w=Re({beforeEnter:r,afterEnter:s,beforeLeave:y,afterLeave:D}),G=l$3();React.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 ue=T&&!P,z=P&&f&&T,Te=(()=>!G||ue?"idle":f?"enter":"leave")(),H=c(0),de=o$3(g=>u$4(g,{enter:()=>{H.addFlag(d$2.Opening),w.current.beforeEnter();},leave:()=>{H.addFlag(d$2.Closing),w.current.beforeLeave();},idle:()=>{}})),fe=o$3(g=>u$4(g,{enter:()=>{H.removeFlag(d$2.Opening),w.current.afterEnter();},leave:()=>{H.removeFlag(d$2.Closing),w.current.afterLeave();},idle:()=>{}})),A=oe(()=>{j("hidden"),V(e);},q);E({immediate:z,container:e,classes:k,direction:Te,onStart:s$7(g=>{A.onStart(e,g,de);}),onStop:s$7(g=>{A.onStop(e,g,fe),g==="leave"&&!U(A)&&(j("hidden"),V(e));})});let R=i,me={ref:a};return z?R={...R,className:t$5(i.className,...k.current.enter,...k.current.enterFrom)}:(R.className=t$5(i.className,(Q=e.current)==null?void 0:Q.className),R.className===""&&delete R.className),React.createElement(M.Provider,{value:A},React.createElement(c$4,{value:u$4(l,{["visible"]:d$2.Open,["hidden"]:d$2.Closed})|H.flags},X$1({ourProps:me,theirProps:R,defaultTag:ye,features:ae,visible:l==="visible",name:"Transition.Child"})))}function He(t,n){let{show:r,appear:s=!1,unmount:y=!0,...D}=t,c=React.useRef(null),x=y$2(c,n);l$3();let p=C();if(r===void 0&&p!==null&&(r=(p&d$2.Open)===d$2.Open),![!0,!1].includes(r))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,u]=React.useState(r?"visible":"hidden"),v=oe(()=>{u("hidden");}),[d,i]=React.useState(!0),e=React.useRef([r]);l$4(()=>{d!==!1&&e.current[e.current.length-1]!==r&&(e.current.push(r),i(!1));},[e,r]);let a=React.useMemo(()=>({show:r,appear:s,initial:d}),[r,s,d]);React.useEffect(()=>{if(r)u("visible");else if(!U(v))u("hidden");else {let T=c.current;if(!T)return;let l=T.getBoundingClientRect();l.x===0&&l.y===0&&l.width===0&&l.height===0&&u("hidden");}},[r,v]);let o={unmount:y},f=o$3(()=>{var T;d&&i(!1),(T=t.beforeEnter)==null||T.call(t);}),P=o$3(()=>{var T;d&&i(!1),(T=t.beforeLeave)==null||T.call(t);});return React.createElement(M.Provider,{value:v},React.createElement(_.Provider,{value:a},X$1({ourProps:{...o,as:React.Fragment,children:React.createElement(le,{ref:x,...o,...D,beforeEnter:f,beforeLeave:P})},theirProps:{},defaultTag:React.Fragment,features:ae,visible:h==="visible",name:"Transition"})))}function Fe(t,n){let r=React.useContext(_)!==null,s=C()!==null;return React.createElement(React.Fragment,null,!r&&s?React.createElement(W,{ref:n,...t}):React.createElement(le,{ref:n,...t}))}let W=D$1(He),le=D$1(De),Le=D$1(Fe),tt=Object.assign(W,{Child:Le,Root:W});
32001
+ var sizeClasses = {
32002
+ xs: "s-py-1.5 s-text-xs s-font-medium s-px-3 s-gap-2",
32003
+ sm: "s-py-2 s-text-sm s-font-semibold s-px-3 s-gap-3",
32004
+ };
32005
+ var baseClasses$2 = "s-rounded-lg s-inline-flex s-box-border s-border s-text-element-800";
32006
+ function Chip(_a) {
32007
+ var _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.color, color = _c === void 0 ? "slate" : _c, label = _a.label, children = _a.children, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.isBusy, isBusy = _e === void 0 ? false : _e;
32008
+ var backgroundColor = (function () {
32009
+ switch (color) {
32010
+ case "emerald":
32011
+ return "s-bg-emerald-100 s-border-emerald-200";
32012
+ case "amber":
32013
+ return "s-bg-amber-100 s-border-amber-200";
32014
+ case "slate":
32015
+ return "s-bg-slate-100 s-border-slate-200";
32016
+ case "violet":
32017
+ return "s-bg-violet-100 s-border-violet-200";
32018
+ case "warning":
32019
+ return "s-bg-warning-100 s-border-warning-200";
32020
+ }
32021
+ })();
32022
+ var ChipClasses = classNames(baseClasses$2, sizeClasses[size], backgroundColor, className);
32023
+ return (React.createElement("div", { className: ChipClasses, "aria-label": label },
32024
+ isBusy && React.createElement(Spinner, { size: size, variant: "darkGrey" }),
32025
+ label && (React.createElement("span", { className: "s-pointer s-grow s-cursor-default s-truncate" }, label)),
32026
+ children));
32027
+ }
32028
+ Chip.List = function (_a) {
32029
+ var children = _a.children, className = _a.className;
32030
+ return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
32031
+ React.createElement("div", { className: "s-flex s-flex-row s-gap-2" }, children)));
32032
+ };
31946
32033
 
31947
32034
  var ButtonRefContext = React.createContext(null);
31948
32035
  var labelClasses = {
31949
32036
  base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
31950
- hover: "hover:s-text-action-500",
32037
+ hover: "group-hover:s-text-action-500",
31951
32038
  active: "active:s-text-action-700",
31952
32039
  dark: {
31953
32040
  base: "dark:s-text-element-900-dark",
31954
- hover: "dark:hover:s-text-action-400",
32041
+ hover: "dark:group-hover:s-text-action-400",
31955
32042
  active: "dark:active:s-text-action-600",
31956
32043
  disabled: "dark:s-element-500-dark",
31957
32044
  },
@@ -32094,13 +32181,11 @@ Page.Header = function (_a) {
32094
32181
  description && React.createElement("div", { className: descriptionClasses }, description)));
32095
32182
  };
32096
32183
  Page.SectionHeader = function (_a) {
32097
- var title = _a.title, description = _a.description, action = _a.action, visual = _a.visual;
32184
+ var title = _a.title, description = _a.description, action = _a.action;
32098
32185
  var titleClasses = "s-text-lg s-font-semibold s-text-element-900 s-self-stretch";
32099
32186
  var descriptionClasses = " s-self-stretch s-text-element-700";
32100
32187
  return (React.createElement("div", { className: "s-flex s-shrink s-grow s-basis-0 s-flex-col s-items-stretch s-justify-between s-gap-2 md:s-flex-row md:s-items-center" },
32101
32188
  React.createElement("div", { className: "s-flex s-flex-row s-gap-2" },
32102
- visual && (React.createElement("div", { className: "s-pt-0.5 s-text-element-800" },
32103
- React.createElement(Icon, { visual: visual, size: "md" }))),
32104
32189
  React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
32105
32190
  React.createElement("div", { className: titleClasses }, title),
32106
32191
  React.createElement("div", { className: descriptionClasses }, description))),
@@ -32108,7 +32193,7 @@ Page.SectionHeader = function (_a) {
32108
32193
  React.createElement(Button, __assign({}, action))))));
32109
32194
  };
32110
32195
  Page.Separator = function () {
32111
- return (React.createElement("div", { className: "s-w-full s-py-4" },
32196
+ return (React.createElement("div", { className: "s-w-full s-py-3" },
32112
32197
  React.createElement("div", { className: "s-h-px s-w-full s-bg-structure-200" })));
32113
32198
  };
32114
32199
  Page.P = function (_a) {
@@ -32816,6 +32901,7 @@ exports.CloudXStrokeIcon = SvgCloudX;
32816
32901
  exports.Cog6ToothIcon = SvgCog6Tooth$1;
32817
32902
  exports.Cog6ToothStrokeIcon = SvgCog6Tooth;
32818
32903
  exports.CohereLogo = SvgCohere;
32904
+ exports.Collapsible = Collapsible;
32819
32905
  exports.CommandLineIcon = SvgCommandLine$1;
32820
32906
  exports.CommandLineStrokeIcon = SvgCommandLine;
32821
32907
  exports.ContextItem = ContextItem;