npm - @dust-tt/sparkle - Versions diffs - 0.1.70 → 0.1.71 - Mend

@dust-tt/sparkle 0.1.70 → 0.1.71

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 (46) hide show

package/dist/cjs/_index.d.ts +6 -4
package/dist/cjs/components/Button.d.ts +9 -1
package/dist/cjs/components/Checkbox.d.ts +2 -1
package/dist/cjs/components/Chip.d.ts +2 -1
package/dist/cjs/components/ContextItem.d.ts +28 -0
package/dist/cjs/components/SliderToggle.d.ts +2 -1
package/dist/cjs/icons/solid/CloudArrowLeftRight.d.ts +4 -0
package/dist/cjs/icons/solid/CloudX.d.ts +4 -0
package/dist/cjs/icons/solid/Flag.d.ts +4 -0
package/dist/cjs/icons/solid/ShakeHands.d.ts +4 -0
package/dist/cjs/icons/solid/index.d.ts +4 -0
package/dist/cjs/icons/stroke/CloudArrowLeftRight.d.ts +4 -0
package/dist/cjs/icons/stroke/CloudX.d.ts +4 -0
package/dist/cjs/icons/stroke/Flag.d.ts +4 -0
package/dist/cjs/icons/stroke/ShakeHands.d.ts +4 -0
package/dist/cjs/icons/stroke/index.d.ts +4 -0
package/dist/cjs/index.js +133 -43
package/dist/cjs/index.js.map +1 -1
package/dist/cjs/stories/Button.stories.d.ts +1 -0
package/dist/cjs/stories/Checkbox.stories.d.ts +2 -0
package/dist/cjs/stories/ContextItem.stories.d.ts +8 -0
package/dist/cjs/stories/SystemAvatarSet.stories.d.ts +6 -0
package/dist/esm/_index.d.ts +6 -4
package/dist/esm/components/Button.d.ts +9 -1
package/dist/esm/components/Checkbox.d.ts +2 -1
package/dist/esm/components/Chip.d.ts +2 -1
package/dist/esm/components/ContextItem.d.ts +28 -0
package/dist/esm/components/SliderToggle.d.ts +2 -1
package/dist/esm/icons/solid/CloudArrowLeftRight.d.ts +4 -0
package/dist/esm/icons/solid/CloudX.d.ts +4 -0
package/dist/esm/icons/solid/Flag.d.ts +4 -0
package/dist/esm/icons/solid/ShakeHands.d.ts +4 -0
package/dist/esm/icons/solid/index.d.ts +4 -0
package/dist/esm/icons/stroke/CloudArrowLeftRight.d.ts +4 -0
package/dist/esm/icons/stroke/CloudX.d.ts +4 -0
package/dist/esm/icons/stroke/Flag.d.ts +4 -0
package/dist/esm/icons/stroke/ShakeHands.d.ts +4 -0
package/dist/esm/icons/stroke/index.d.ts +4 -0
package/dist/esm/index.js +125 -44
package/dist/esm/index.js.map +1 -1
package/dist/esm/stories/Button.stories.d.ts +1 -0
package/dist/esm/stories/Checkbox.stories.d.ts +2 -0
package/dist/esm/stories/ContextItem.stories.d.ts +8 -0
package/dist/esm/stories/SystemAvatarSet.stories.d.ts +6 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +1 -1

package/dist/esm/index.js CHANGED Viewed

@@ -28,7 +28,7 @@ function styleInject(css, ref) {
   }
 }
-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-mb-px {\n    margin-bottom: -1px\n}\n.s-mb-2 {\n    margin-bottom: 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-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-3 {\n    height: 0.75rem\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-72 {\n    height: 18rem\n}\n.s-h-8 {\n    height: 2rem\n}\n.s-h-96 {\n    height: 24rem\n}\n.s-h-full {\n    height: 100%\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-16 {\n    width: 4rem\n}\n.s-w-3 {\n    width: 0.75rem\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-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-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-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-items-start {\n    align-items: flex-start\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-center {\n    justify-content: center\n}\n.s-justify-between {\n    justify-content: space-between\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-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-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-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-rounded {\n    border-radius: 0.25rem\n}\n.s-rounded-2xl {\n    border-radius: 1rem\n}\n.s-rounded-3xl {\n    border-radius: 1.5rem\n}\n.s-rounded-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-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-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-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-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\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-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-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-pl-4 {\n    padding-left: 1rem\n}\n.s-pr-5 {\n    padding-right: 1.25rem\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-6xl {\n    font-size: 3.75rem;\n    line-height: 1\n}\n.s-text-7xl {\n    font-size: 4.5rem;\n    line-height: 1\n}\n.s-text-base {\n    font-size: 1rem;\n    line-height: 1.5rem\n}\n.s-text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.s-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.s-text-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-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-100:hover {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.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-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-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-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-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-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}";
+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-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-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-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-3 {\n    height: 0.75rem\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-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-3 {\n    width: 0.75rem\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-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-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-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-items-start {\n    align-items: flex-start\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-center {\n    justify-content: center\n}\n.s-justify-between {\n    justify-content: space-between\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-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-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-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-rounded {\n    border-radius: 0.25rem\n}\n.s-rounded-2xl {\n    border-radius: 1rem\n}\n.s-rounded-3xl {\n    border-radius: 1.5rem\n}\n.s-rounded-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-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-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-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-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\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-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-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-4 {\n    padding-left: 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-6xl {\n    font-size: 3.75rem;\n    line-height: 1\n}\n.s-text-7xl {\n    font-size: 4.5rem;\n    line-height: 1\n}\n.s-text-base {\n    font-size: 1rem;\n    line-height: 1.5rem\n}\n.s-text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.s-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.s-text-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-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-100:hover {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.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-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-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-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-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-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}";
 styleInject(css_248z);
 var aLink = function (_a) {
@@ -162,6 +162,12 @@ var SvgClock$1 = function (props) { return (React.createElement("svg", __assign(
 var SvgCloudArrowDown$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M1 12.5a8.5 8.5 0 0 0 8 8.485V21h8v-.019a6.5 6.5 0 0 0-.285-12.978A8.5 8.5 0 0 0 1 12.5ZM16 14l-4 4-4-4h3v-4h2v4h3Z", clipRule: "evenodd" }))); };
+var SvgCloudArrowLeftRight$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 20.985a8.5 8.5 0 1 1 7.715-12.982A6.5 6.5 0 0 1 17 20.981V21H9v-.015ZM9 14l-3-3 3-3v2h4v2H9v2Zm6-2 3 3-3 3v-2h-4v-2h4v-2Z", clipRule: "evenodd" }))); };
+var SvgCloudX$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 20.985a8.5 8.5 0 1 1 7.715-12.982A6.5 6.5 0 0 1 17 20.981V21H9v-.015Zm-.207-9.278 1.793 1.793-1.793 1.793 1.414 1.414L12 14.914l1.793 1.793 1.414-1.414-1.793-1.793 1.793-1.793-1.414-1.414L12 12.086l-1.793-1.793-1.414 1.414Z", clipRule: "evenodd" }))); };
 var SvgCog6Tooth$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1Zm0 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }))); };
@@ -194,6 +200,9 @@ var SvgEye$1 = function (props) { return (React.createElement("svg", __assign({
 var SvgEyeSlash$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M4.52 5.935 1.394 2.808l1.414-1.414 19.799 19.798-1.414 1.415-3.31-3.31A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A10.982 10.982 0 0 1 4.52 5.935Zm10.238 10.237-1.464-1.464a3 3 0 0 1-4.001-4.001L7.829 9.243a5 5 0 0 0 6.929 6.929ZM7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.593l-3.86-3.86a5 5 0 0 0-5.68-5.68L7.975 3.76Z" }))); };
+var SvgFlag$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M3 3h9.382a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3Z" }))); };
 var SvgFolderOpen$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2Z" }))); };
@@ -248,6 +257,9 @@ var SvgRobot$1 = function (props) { return (React.createElement("svg", __assign(
 var SvgServer$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M21 3v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1ZM5 16v4h14v-4H5Zm10 1h2v2h-2v-2Z" }))); };
+var SvgShakeHands$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M19.291 6h.71a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-2l-4.17-5.836a2 2 0 0 0-2.201-.753l-2.486.746a2 2 0 0 1-1.988-.502l-.293-.293a1 1 0 0 1 .152-1.539l5.401-3.6a2 2 0 0 1 2.183-.024l4.156 2.645A1 1 0 0 0 19.29 6ZM5.027 14.295l-1.616 1.414a1 1 0 0 0 .041 1.538l5.14 4.04a1 1 0 0 0 1.487-.29l.704-1.232a2 2 0 0 0-.257-2.338l-2.702-2.973a2 2 0 0 0-2.797-.16ZM7.046 5H3a1 1 0 0 0-1 1v7.516a2 2 0 0 0 .35 1.13 2.61 2.61 0 0 1 .074-.066l1.615-1.414a3.5 3.5 0 0 1 4.895.28l2.702 2.972a3.5 3.5 0 0 1 .45 4.09l-.655 1.146a2 2 0 0 0 1.738-.155l4.41-2.646a1 1 0 0 0 .299-1.438l-5.267-7.379a.5.5 0 0 0-.55-.188l-2.486.745a3.5 3.5 0 0 1-3.48-.877l-.293-.293a2.5 2.5 0 0 1 .38-3.848L7.047 5Z" }))); };
 var SvgSparkles$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M14 4.438A2.437 2.437 0 0 0 16.438 2h1.125A2.437 2.437 0 0 0 20 4.438v1.125A2.437 2.437 0 0 0 17.562 8h-1.125A2.437 2.437 0 0 0 14 5.562V4.438ZM1 11a6 6 0 0 0 6-6h2a6 6 0 0 0 6 6v2a6 6 0 0 0-6 6H7a6 6 0 0 0-6-6v-2Zm16.25 3A3.25 3.25 0 0 1 14 17.25v1.5A3.25 3.25 0 0 1 17.25 22h1.5A3.25 3.25 0 0 1 22 18.75v-1.5A3.25 3.25 0 0 1 18.75 14h-1.5Z" }))); };
@@ -326,7 +338,7 @@ function Tooltip(_a) {
         React__default.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, tooltipPositionClasses, tooltipCenterClasses), onAnimationEnd: function () { return setIsHovered(false); } }, label)));
 }
-var sizeClasses$3 = {
+var sizeClasses$4 = {
     xs: "s-gap-x-1 s-px-3 s-py-1.5 s-text-xs s-font-semibold",
     sm: "s-gap-x-1 s-px-4 s-py-2 s-text-sm s-font-semibold",
     md: "s-gap-x-1.5 s-px-5 s-py-3 s-text-base s-font-bold",
@@ -402,7 +414,7 @@ var transitionClasses = "s-transition-all s-ease-out s-duration-400 hover:s-scal
 function Button(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, _u = _a.tooltipPosition, tooltipPosition = _u === void 0 ? "above" : _u;
-    var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-95 s-box-border s-rounded-full s-whitespace-nowrap", sizeClasses$3[size], !disabled ? transitionClasses : "", !disabled ? (_b = variantClasses[variant]) === null || _b === void 0 ? void 0 : _b.base : "", !disabled ? (_c = variantClasses[variant]) === null || _c === void 0 ? void 0 : _c.hover : "", !disabled ? (_d = variantClasses[variant]) === null || _d === void 0 ? void 0 : _d.active : "", disabled ? (_e = variantClasses[variant]) === null || _e === void 0 ? void 0 : _e.disabled : "", (_g = (_f = variantClasses[variant]) === null || _f === void 0 ? void 0 : _f.dark) === null || _g === void 0 ? void 0 : _g.base, (_j = (_h = variantClasses[variant]) === null || _h === void 0 ? void 0 : _h.dark) === null || _j === void 0 ? void 0 : _j.hover, (_l = (_k = variantClasses[variant]) === null || _k === void 0 ? void 0 : _k.dark) === null || _l === void 0 ? void 0 : _l.active, (_m = variantClasses[variant]) === null || _m === void 0 ? void 0 : _m.dark.disabled, disabled ? "s-cursor-default" : "", className);
+    var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-95 s-box-border s-rounded-full s-whitespace-nowrap", sizeClasses$4[size], !disabled ? transitionClasses : "", !disabled ? (_b = variantClasses[variant]) === null || _b === void 0 ? void 0 : _b.base : "", !disabled ? (_c = variantClasses[variant]) === null || _c === void 0 ? void 0 : _c.hover : "", !disabled ? (_d = variantClasses[variant]) === null || _d === void 0 ? void 0 : _d.active : "", disabled ? (_e = variantClasses[variant]) === null || _e === void 0 ? void 0 : _e.disabled : "", (_g = (_f = variantClasses[variant]) === null || _f === void 0 ? void 0 : _f.dark) === null || _g === void 0 ? void 0 : _g.base, (_j = (_h = variantClasses[variant]) === null || _h === void 0 ? void 0 : _h.dark) === null || _j === void 0 ? void 0 : _j.hover, (_l = (_k = variantClasses[variant]) === null || _k === void 0 ? void 0 : _k.dark) === null || _l === void 0 ? void 0 : _l.active, (_m = variantClasses[variant]) === null || _m === void 0 ? void 0 : _m.dark.disabled, disabled ? "s-cursor-default" : "", className);
     var finalContainerClasses = classNames(containerClasses[size]);
     return labelVisible ? (React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
         icon && React__default.createElement(Icon, { visual: icon, size: size }),
@@ -411,8 +423,21 @@ function Button(_a) {
         type === "select" && (React__default.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size })))) : (React__default.createElement(Tooltip, { label: label, position: tooltipPosition },
         React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label }, icon && React__default.createElement(Icon, { visual: icon, size: size }))));
 }
+Button.List = function (_a) {
+    var children = _a.children, className = _a.className;
+    return (React__default.createElement("div", { className: classNames(className ? className : "", "s-flex") },
+        React__default.createElement("div", { className: "s-flex s-flex-row s-gap-1" }, children)));
+};
-var baseClasses$4 = "s-box-border s-h-6 s-w-11 s-rounded-full s-border s-border-structure-300 dark:s-border-structure-300-dark s-transition-colors s-duration-300 s-ease-out s-cursor-pointer";
+var baseClasses$4 = "s-box-border s-rounded-full s-border s-border-structure-300 dark:s-border-structure-300-dark s-transition-colors s-duration-300 s-ease-out s-cursor-pointer";
+var sizeClasses$3 = {
+    sm: "s-h-6 s-w-11",
+    md: "s-h-8 s-w-14",
+};
+var cusrsorSizeClasses = {
+    sm: "s-h-5 s-w-5",
+    md: "s-h-7 s-w-7",
+};
 var stateClasses$1 = {
     idle: "s-bg-structure-200 hover:s-bg-action-400",
     selected: "s-bg-success-400 hover:s-bg-success-300",
@@ -424,14 +449,14 @@ var stateClasses$1 = {
     },
 };
 function SliderToggle(_a) {
-    var onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.selected, selected = _d === void 0 ? false : _d;
-    var combinedStateClasses = classNames(selected ? stateClasses$1.selected : stateClasses$1.idle, disabled ? stateClasses$1.disabled : "", selected ? stateClasses$1.dark.selected : stateClasses$1.dark.idle, disabled ? stateClasses$1.dark.disabled : "");
+    var onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "sm" : _e;
+    var combinedStateClasses = classNames(size ? sizeClasses$3[size] : "", selected ? stateClasses$1.selected : stateClasses$1.idle, disabled ? stateClasses$1.disabled : "", selected ? stateClasses$1.dark.selected : stateClasses$1.dark.idle, disabled ? stateClasses$1.dark.disabled : "");
     var SliderToggleContent = (React__default.createElement("div", { onClick: function (e) {
             if (!disabled) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
             }
         }, className: classNames(className, baseClasses$4, combinedStateClasses) },
-        React__default.createElement("div", { id: "cursor", className: classNames("s-m-px s-h-5 s-w-5 s-transform s-rounded-full s-bg-white s-drop-shadow s-transition-transform s-duration-300 s-ease-out", selected ? "s-translate-x-full" : "") })));
+        React__default.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" : "") })));
     return SliderToggleContent;
 }
@@ -719,13 +744,80 @@ Item.List = function (_a) {
         React__default.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
 };
+function ContextItem(_a) {
+    var title = _a.title, visual = _a.visual, action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b;
+    return (React__default.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col"), "aria-label": title },
+        React__default.createElement("div", { className: "s-flex s-flex-row s-gap-3 s-pb-5 s-pt-3" },
+            React__default.createElement("div", { className: "s-flex s-pt-1.5" }, visual),
+            React__default.createElement("div", { className: "s-flex s-grow s-flex-col" },
+                React__default.createElement("div", { className: "s-text-normal s-flex s-h-9 s-flex-col s-justify-center s-font-semibold" }, title),
+                React__default.createElement("div", { className: "-s-mt-1" }, children)),
+            React__default.createElement("div", null, action))));
+}
+ContextItem.List = function (_a) {
+    var children = _a.children, className = _a.className;
+    // Ensure all children are of type ContextItem
+    React__default.Children.forEach(children, function (child) {
+        if (!React__default.isValidElement(child) || child.type !== ContextItem) {
+            throw new Error("All children of ContextItem.List must be of type ContextItem");
+        }
+    });
+    // Convert children into an array and modify the last child's props
+    var modifiedChildren = React__default.Children.toArray(children).map(function (child, index, array) {
+        if (React__default.isValidElement(child) && index === array.length - 1) {
+            return React__default.cloneElement(child, __assign(__assign({}, child.props), { hasSeparator: false }));
+        }
+        return child;
+    });
+    return (React__default.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-col") }, modifiedChildren));
+};
+ContextItem.Description = function (_a) {
+    var children = _a.children, description = _a.description;
+    return (React__default.createElement(React__default.Fragment, null,
+        description && (React__default.createElement("div", { className: "s-text-sm s-font-normal s-text-element-600" }, description)),
+        children && React__default.createElement(React__default.Fragment, null, children)));
+};
+ContextItem.Visual = function (_a) {
+    var visual = _a.visual;
+    return React__default.createElement(Icon, { size: "md", visual: visual });
+};
+var Spinner = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
+    var sizeClasses = {
+        xs: "s-h-4 s-w-4",
+        sm: "s-h-5 s-w-5",
+        md: "s-h-6 s-w-6",
+        lg: "s-h-8 s-w-8",
+    };
+    var colorClasses = {
+        success: "s-bg-success-500",
+        action: "s-bg-action-500 dark:s-bg-action-500-dark",
+        white: "s-bg-structure-0 dark:s-bg-black",
+        lightGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
+        darkGrey: "s-bg-element-800 dark:s-bg-element-900-dark",
+    };
+    var colorSecClasses = {
+        success: "s-bg-success-300",
+        action: "s-bg-sky-300 dark:s-bg-sky-700",
+        white: "s-opacity-40 s-bg-structure-0 dark:s-bg-structure-0-dark",
+        lightGrey: "s-bg-element-500 dark:s-bg-element-500-dark",
+        darkGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: classNames("s-relative", sizeClasses[size]) },
+            React__default.createElement("div", { className: classNames("s-absolute s-inset-0 s-rounded-full", colorSecClasses[variant]) }),
+            React__default.createElement("div", { className: classNames("s-absolute s-left-0 s-animate-move-square", sizeClasses[size]) },
+                React__default.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
+};
 var sizeClasses = {
-    xs: "s-py-1.5 s-text-xs s-font-medium s-px-3",
-    sm: "s-py-2 s-text-sm s-font-semibold s-px-4",
+    xs: "s-py-1.5 s-text-xs s-font-medium s-px-3 s-gap-2",
+    sm: "s-py-2 s-text-sm s-font-semibold s-px-3 s-gap-3",
 };
 var baseClasses$2 = "s-rounded-lg s-inline-flex s-box-border s-border s-text-element-800";
 function Chip(_a) {
-    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;
+    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;
     var backgroundColor = (function () {
         switch (color) {
             case "emerald":
@@ -742,6 +834,7 @@ function Chip(_a) {
     })();
     var ChipClasses = classNames(baseClasses$2, sizeClasses[size], backgroundColor, className);
     return (React__default.createElement("div", { className: ChipClasses, "aria-label": label },
+        isBusy && React__default.createElement(Spinner, { size: size, variant: "darkGrey" }),
         label && (React__default.createElement("span", { className: "s-pointer s-grow s-cursor-default s-truncate" }, label)),
         children));
 }
@@ -31987,7 +32080,7 @@ function Logo(_a) {
 }
 function Checkbox(_a) {
-    var checked = _a.checked, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b, disabled = _a.disabled;
+    var checked = _a.checked, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b, disabled = _a.disabled, partialChecked = _a.partialChecked;
     var baseStyleClasses = {
         base: "s-border s-bg-structure-50 s-justify-center s-w-5 s-h-5 s-border-element-600 s-rounded-md s-flex s-items-center s-transition-colors s-duration-200 s-ease-in-out",
         hover: "hover:s-border-action-500 hover:s-bg-action-200",
@@ -31997,14 +32090,17 @@ function Checkbox(_a) {
         },
     };
     var checkedIndicatorClasses = {
-        base: "s-h-3 s-w-3 s-rounded s-bg-action-500 dark:s-bg-action-500-dark s-transition-opacity s-duration-200 s-ease-in-out",
-        selected: "s-opacity-100",
+        base: "s-h-3 s-w-3 s-rounded s-transition-opacity s-duration-200 s-ease-in-out",
+        selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
         unselected: "s-opacity-0",
+        partial: "s-opacity-100 s-bg-element-600 dark:s-bg-element-600-dark",
     };
     var combinedBaseClasses = classNames(baseStyleClasses.base, baseStyleClasses.hover, baseStyleClasses.dark.base, baseStyleClasses.dark.hover, className, disabled ? "s-opacity-50" : "");
     var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, checked
         ? checkedIndicatorClasses.selected
-        : checkedIndicatorClasses.unselected);
+        : partialChecked
+            ? checkedIndicatorClasses.partial
+            : checkedIndicatorClasses.unselected);
     return (React__default.createElement("label", { className: "s-cursor-pointer" },
         React__default.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
         React__default.createElement("div", { className: combinedBaseClasses },
@@ -32122,35 +32218,6 @@ function IconToggleButton(_a) {
     return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
 }
-var Spinner = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
-    var sizeClasses = {
-        xs: "s-h-4 s-w-4",
-        sm: "s-h-5 s-w-5",
-        md: "s-h-6 s-w-6",
-        lg: "s-h-8 s-w-8",
-    };
-    var colorClasses = {
-        success: "s-bg-success-500",
-        action: "s-bg-action-500 dark:s-bg-action-500-dark",
-        white: "s-bg-structure-0 dark:s-bg-black",
-        lightGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
-        darkGrey: "s-bg-element-800 dark:s-bg-element-900-dark",
-    };
-    var colorSecClasses = {
-        success: "s-bg-success-300",
-        action: "s-bg-sky-300 dark:s-bg-sky-700",
-        white: "s-opacity-40 s-bg-structure-0 dark:s-bg-structure-0-dark",
-        lightGrey: "s-bg-element-500 dark:s-bg-element-500-dark",
-        darkGrey: "s-bg-element-600 dark:s-bg-element-600-dark",
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: classNames("s-relative", sizeClasses[size]) },
-            React__default.createElement("div", { className: classNames("s-absolute s-inset-0 s-rounded-full", colorSecClasses[variant]) }),
-            React__default.createElement("div", { className: classNames("s-absolute s-left-0 s-animate-move-square", sizeClasses[size]) },
-                React__default.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
-};
 function Modal(_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, title = _a.title, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b;
     var buttonBarProps = hasChanged
@@ -32361,6 +32428,14 @@ var SvgCloudArrowDown = function (props) { return (React.createElement("svg", __
     React.createElement("path", { fill: "currentColor", d: "m16 13-4 4-4-4h3V9h2v4h3Z" }),
     React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.5 21h7a6.5 6.5 0 0 0 .215-12.997A8.5 8.5 0 1 0 9.5 21ZM3 12.5a6.5 6.5 0 0 1 12.543-2.398A4.5 4.5 0 1 1 16.5 19h-7A6.5 6.5 0 0 1 3 12.5Z", clipRule: "evenodd" }))); };
+var SvgCloudArrowLeftRight = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "m9 14-3-3 3-3v2h4v2H9v2ZM15 14v-2l3 3-3 3v-2h-4v-2h4Z" }),
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M23 14.5a6.5 6.5 0 0 1-6.5 6.5h-7a8.5 8.5 0 1 1 7.215-12.997A6.5 6.5 0 0 1 23 14.5ZM9.5 6a6.5 6.5 0 0 0 0 13h7a4.5 4.5 0 1 0-.957-8.898A6.502 6.502 0 0 0 9.5 6Z", clipRule: "evenodd" }))); };
+var SvgCloudX = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "#000", d: "m8.793 11.707 1.793 1.793-1.793 1.793 1.414 1.414L12 14.914l1.793 1.793 1.414-1.414-1.793-1.793 1.793-1.793-1.414-1.414L12 12.086l-1.793-1.793-1.414 1.414Z" }),
+    React.createElement("path", { fill: "#000", fillRule: "evenodd", d: "M16.5 21h-7a8.5 8.5 0 1 1 7.215-12.997A6.5 6.5 0 0 1 16.5 21Zm-7-15a6.5 6.5 0 0 0 0 13h7a4.5 4.5 0 1 0-.957-8.898A6.502 6.502 0 0 0 9.5 6Z", clipRule: "evenodd" }))); };
 var SvgCog6Tooth = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1Zm0 2.311L4.5 7.653v8.694l7.5 4.342 7.5-4.342V7.653L12 3.311ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" }))); };
@@ -32391,6 +32466,9 @@ var SvgEye = function (props) { return (React.createElement("svg", __assign({ xm
 var SvgEyeSlash = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M17.883 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A10.982 10.982 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414 19.799 19.798-1.414 1.415-3.31-3.31ZM5.936 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.936 7.35Zm6.978 6.978-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241Zm7.893 2.265-1.431-1.431A8.935 8.935 0 0 0 20.778 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.593Zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.77Z" }))); };
+var SvgFlag = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M12.382 3a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3h9.382Zm-.618 2H5v9h8.236l1 2H19V7h-6.236l-1-2Z" }))); };
 var SvgFolderOpen = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M4 5v14h16V7h-8.414l-2-2H4Zm8.414 0H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2Z" }))); };
@@ -32445,6 +32523,9 @@ var SvgRobot = function (props) { return (React.createElement("svg", __assign({
 var SvgServer = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M5 14h14V4H5v10Zm0 2v4h14v-4H5ZM4 2h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm11 15h2v2h-2v-2Z" }))); };
+var SvgShakeHands = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M11.861 2.39a3 3 0 0 1 3.275-.034L19.29 5H21a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-1.52a2.65 2.65 0 0 1-1.285 2.449l-5.093 3.056a2 2 0 0 1-2.07-.008c-.7.62-1.779.688-2.561.073l-5.14-4.039a2.001 2.001 0 0 1-.565-2.446A2 2 0 0 1 2 13.51V6a1 1 0 0 1 1-1h4.947l3.914-2.61ZM4.173 13.646l.692-.605a3 3 0 0 1 4.195.24l2.702 2.972a3 3 0 0 1 .396 3.487l5.008-3.005a.657.657 0 0 0 .279-.79l-4.427-6.198a1 1 0 0 0-1.101-.377l-2.486.745a3 3 0 0 1-2.983-.752l-.293-.292A1.997 1.997 0 0 1 5.68 7H4v6.51l.173.135Zm9.89-9.602a1 1 0 0 0-1.093.012l-5.4 3.6.292.293a1 1 0 0 0 .995.25l2.485-.745a3 3 0 0 1 3.303 1.13L18.515 14H20V7h-.709a2 2 0 0 1-1.074-.313l-4.155-2.644ZM6.181 14.545l-1.616 1.414 5.14 4.039.705-1.232a1 1 0 0 0-.129-1.169L7.58 14.625a1 1 0 0 0-1.398-.08Z" }))); };
 var SvgSparkles = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M14 4.438A2.437 2.437 0 0 0 16.438 2h1.125A2.437 2.437 0 0 0 20 4.438v1.125A2.437 2.437 0 0 0 17.562 8h-1.125A2.437 2.437 0 0 0 14 5.562V4.438ZM1 11a6 6 0 0 0 6-6h2a6 6 0 0 0 6 6v2a6 6 0 0 0-6 6H7a6 6 0 0 0-6-6v-2Zm3.876 1A8.038 8.038 0 0 1 8 15.124 8.038 8.038 0 0 1 11.124 12 8.038 8.038 0 0 1 8 8.876 8.038 8.038 0 0 1 4.876 12Zm12.374 2A3.25 3.25 0 0 1 14 17.25v1.5A3.25 3.25 0 0 1 17.25 22h1.5A3.25 3.25 0 0 1 22 18.75v-1.5A3.25 3.25 0 0 1 18.75 14h-1.5Z" }))); };
@@ -32474,5 +32555,5 @@ var SvgXCircle = function (props) { return (React.createElement("svg", __assign(
 var SvgXMark = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "m12 10.5 4.95-5L18.5 7l-5 5 5 4.95-1.55 1.55-4.95-5-5 5L5.5 17l5-5-5-5 1.55-1.5 4.95 5Z" }))); };
-export { SvgAi21 as Ai21Logo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, BarHeader, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, Button, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgGithub as GithubLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, Modal, SvgNotion as NotionLogo, PageHeader, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobot as RobotStrokeIcon, SectionHeader, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
+export { SvgAi21 as Ai21Logo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, BarHeader, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, Button, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCloudArrowLeftRight$1 as CloudArrowLeftRightIcon, SvgCloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, SvgCloudX$1 as CloudXIcon, SvgCloudX as CloudXStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, ContextItem, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFlag$1 as FlagIcon, SvgFlag as FlagStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgGithub as GithubLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, Modal, SvgNotion as NotionLogo, PageHeader, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobot as RobotStrokeIcon, SectionHeader, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgShakeHands$1 as ShakeHandsIcon, SvgShakeHands as ShakeHandsStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
 //# sourceMappingURL=index.js.map