@dust-tt/sparkle 0.1.72 → 0.1.73-pr-tooltip

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -28,7 +28,7 @@ function styleInject(css, ref) {
28
28
  }
29
29
  }
30
30
 
31
- 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-ml-2 {\n margin-left: 0.5rem\n}\n.s-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\n}\n.s-mt-16 {\n margin-top: 4rem\n}\n.s-mt-2 {\n margin-top: 0.5rem\n}\n.s-mt-4 {\n margin-top: 1rem\n}\n.s-mt-8 {\n margin-top: 2rem\n}\n.s-box-border {\n box-sizing: border-box\n}\n.s-inline-block {\n display: inline-block\n}\n.s-flex {\n display: flex\n}\n.s-inline-flex {\n display: inline-flex\n}\n.s-grid {\n display: grid\n}\n.s-hidden {\n display: none\n}\n.s-h-1\\/2 {\n height: 50%\n}\n.s-h-10 {\n height: 2.5rem\n}\n.s-h-12 {\n height: 3rem\n}\n.s-h-16 {\n height: 4rem\n}\n.s-h-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-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n flex-direction: row\n}\n.s-flex-col {\n flex-direction: column\n}\n.s-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-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n.s-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n border-color: transparent\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-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-stroke-structure-50 {\n stroke: #f8fafc\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-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n color: transparent\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-opacity-0 {\n opacity: 0\n}\n.s-opacity-100 {\n opacity: 1\n}\n.s-opacity-20 {\n opacity: 0.2\n}\n.s-opacity-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur-xl {\n --tw-backdrop-blur: blur(24px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-duration-200 {\n transition-duration: 200ms\n}\n.s-duration-300 {\n transition-duration: 300ms\n}\n.s-duration-500 {\n transition-duration: 500ms\n}\n.s-duration-75 {\n transition-duration: 75ms\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n.hover\\:s-scale-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-border-action-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.active\\:s-scale-95:active {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.active\\:s-text-element-900:active {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-warning-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(248 113 113 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-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}";
31
+ 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-ml-2 {\n margin-left: 0.5rem\n}\n.s-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\n}\n.s-mt-16 {\n margin-top: 4rem\n}\n.s-mt-2 {\n margin-top: 0.5rem\n}\n.s-mt-4 {\n margin-top: 1rem\n}\n.s-mt-8 {\n margin-top: 2rem\n}\n.s-box-border {\n box-sizing: border-box\n}\n.s-inline-block {\n display: inline-block\n}\n.s-flex {\n display: flex\n}\n.s-inline-flex {\n display: inline-flex\n}\n.s-grid {\n display: grid\n}\n.s-hidden {\n display: none\n}\n.s-h-1\\/2 {\n height: 50%\n}\n.s-h-10 {\n height: 2.5rem\n}\n.s-h-12 {\n height: 3rem\n}\n.s-h-16 {\n height: 4rem\n}\n.s-h-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\n}\n.s-h-5 {\n height: 1.25rem\n}\n.s-h-6 {\n height: 1.5rem\n}\n.s-h-7 {\n height: 1.75rem\n}\n.s-h-72 {\n height: 18rem\n}\n.s-h-8 {\n height: 2rem\n}\n.s-h-9 {\n height: 2.25rem\n}\n.s-h-96 {\n height: 24rem\n}\n.s-h-full {\n height: 100%\n}\n.s-max-h-full {\n max-height: 100%\n}\n.s-min-h-full {\n min-height: 100%\n}\n.s-w-1\\/2 {\n width: 50%\n}\n.s-w-10 {\n width: 2.5rem\n}\n.s-w-11 {\n width: 2.75rem\n}\n.s-w-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\n}\n.s-w-32 {\n width: 8rem\n}\n.s-w-36 {\n width: 9rem\n}\n.s-w-4 {\n width: 1rem\n}\n.s-w-40 {\n width: 10rem\n}\n.s-w-5 {\n width: 1.25rem\n}\n.s-w-6 {\n width: 1.5rem\n}\n.s-w-60 {\n width: 15rem\n}\n.s-w-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-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n flex-direction: row\n}\n.s-flex-col {\n flex-direction: column\n}\n.s-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-10 {\n gap: 2.5rem\n}\n.s-gap-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\n}\n.s-gap-6 {\n gap: 1.5rem\n}\n.s-gap-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-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-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n.s-border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n border-color: transparent\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/90 {\n background-color: rgb(255 255 255 / 0.9)\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n stroke: #f8fafc\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover\n}\n.s-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-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.s-pb-4 {\n padding-bottom: 1rem\n}\n.s-pb-5 {\n padding-bottom: 1.25rem\n}\n.s-pl-0 {\n padding-left: 0px\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem\n}\n.s-pl-1 {\n padding-left: 0.25rem\n}\n.s-pl-4 {\n padding-left: 1rem\n}\n.s-pl-5 {\n padding-left: 1.25rem\n}\n.s-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\n}\n.s-pt-1 {\n padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n padding-top: 0.375rem\n}\n.s-pt-3 {\n padding-top: 0.75rem\n}\n.s-pt-8 {\n padding-top: 2rem\n}\n.s-text-left {\n text-align: left\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.s-font-bold {\n font-weight: 700\n}\n.s-font-medium {\n font-weight: 500\n}\n.s-font-normal {\n font-weight: 400\n}\n.s-font-semibold {\n font-weight: 600\n}\n.s-uppercase {\n text-transform: uppercase\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n color: transparent\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-opacity-0 {\n opacity: 0\n}\n.s-opacity-100 {\n opacity: 1\n}\n.s-opacity-20 {\n opacity: 0.2\n}\n.s-opacity-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur-xl {\n --tw-backdrop-blur: blur(24px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-duration-200 {\n transition-duration: 200ms\n}\n.s-duration-300 {\n transition-duration: 300ms\n}\n.s-duration-500 {\n transition-duration: 500ms\n}\n.s-duration-75 {\n transition-duration: 75ms\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n.hover\\:s-scale-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-border-action-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.active\\:s-scale-95:active {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.active\\:s-text-element-900:active {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-warning-600-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(248 113 113 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\:s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-p-0 {\n padding: 0px\n }\n .sm\\:s-p-6 {\n padding: 1.5rem\n }\n}\n@media (min-width: 768px) {\n .md\\:s-flex-row {\n flex-direction: row\n }\n .md\\:s-items-center {\n align-items: center\n }\n}\n@media (min-width: 1024px) {\n .lg\\:s-w-1\\/2 {\n width: 50%\n }\n}";
32
32
  styleInject(css_248z);
33
33
 
34
34
  var aLink = function (_a) {
@@ -177,6 +177,9 @@ var SvgCommandLine$1 = function (props) { return (React.createElement("svg", __a
177
177
  var SvgCube$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),
178
178
  React.createElement("path", { fill: "currentColor", d: "M20.502 5.922 12 1 3.498 5.922 12 10.845l8.502-4.923ZM2.5 7.656V17.5l8.5 4.921v-9.845l-8.5-4.92ZM13 22.42l8.5-4.921V7.655L13 12.576v9.845Z" }))); };
179
179
 
180
+ var SvgDash$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),
181
+ React.createElement("path", { fill: "currentColor", d: "M18 10.5v3H6v-3h12Z" }))); };
182
+
180
183
  var SvgDocumentDuplicate$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),
181
184
  React.createElement("path", { fill: "currentColor", d: "M13 6v4h4l-4-4Z" }),
182
185
  React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7 6V3a1 1 0 0 1 1-1h9l4 4v11a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1H7Zm12 10h-2v-4h-6V6H9V4h7v3h3v9Z", clipRule: "evenodd" }))); };
@@ -295,6 +298,88 @@ function classNames() {
295
298
  return classes.filter(Boolean).join(" ");
296
299
  }
297
300
 
301
+ var colors = [
302
+ "s-bg-red-300",
303
+ "s-bg-orange-300",
304
+ "s-bg-amber-300",
305
+ "s-bg-yellow-300",
306
+ "s-bg-lime-300",
307
+ "s-bg-green-300",
308
+ "s-bg-emerald-300",
309
+ "s-bg-teal-300",
310
+ "s-bg-cyan-300",
311
+ "s-bg-sky-300",
312
+ "s-bg-blue-300",
313
+ "s-bg-indigo-300",
314
+ "s-bg-violet-300",
315
+ "s-bg-purple-300",
316
+ "s-bg-fuchsia-300",
317
+ "s-bg-rose-300",
318
+ ];
319
+ var txtColors = [
320
+ "s-text-red-700",
321
+ "s-text-orange-700",
322
+ "s-text-amber-700",
323
+ "s-text-yellow-700",
324
+ "s-text-lime-700",
325
+ "s-text-green-700",
326
+ "s-text-emerald-700",
327
+ "s-text-teal-700",
328
+ "s-text-cyan-700",
329
+ "s-text-sky-700",
330
+ "s-text-blue-700",
331
+ "s-text-indigo-700",
332
+ "s-text-violet-700",
333
+ "s-text-purple-700",
334
+ "s-text-fuchsia-700",
335
+ "s-text-rose-700",
336
+ ];
337
+ var sizeClasses$4 = {
338
+ xs: "s-h-6 s-w-6",
339
+ sm: "s-h-8 s-w-8",
340
+ md: "s-h-10 s-w-10",
341
+ lg: "s-h-16 s-w-16",
342
+ xl: "s-h-36 s-w-36",
343
+ };
344
+ var roundedClasses = {
345
+ xs: "s-rounded-full",
346
+ sm: "s-rounded-lg",
347
+ md: "s-rounded-xl",
348
+ lg: "s-rounded-2xl",
349
+ xl: "s-rounded-3xl",
350
+ };
351
+ var textSize = {
352
+ xs: "s-text-xs",
353
+ sm: "s-text-sm",
354
+ md: "s-text-base",
355
+ lg: "s-text-3xl",
356
+ xl: "s-text-7xl",
357
+ };
358
+ function Avatar(_a) {
359
+ var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.busy, busy = _c === void 0 ? false : _c, _d = _a.isRounded, isRounded = _d === void 0 ? false : _d;
360
+ var getColor = function (name) {
361
+ var hash = 0;
362
+ for (var i = 0; i < name.length; i++) {
363
+ hash = name.charCodeAt(i) + ((hash << 5) - hash);
364
+ }
365
+ return colors[Math.abs(hash) % colors.length];
366
+ };
367
+ var getTextVariant = function (name) {
368
+ var hash = 0;
369
+ for (var i = 0; i < name.length; i++) {
370
+ hash = name.charCodeAt(i) + ((hash << 5) - hash);
371
+ }
372
+ return txtColors[Math.abs(hash) % txtColors.length];
373
+ };
374
+ var clickableStyles = onClick && !busy
375
+ ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
376
+ : "";
377
+ var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
378
+ var avatarClass = classNames(sizeClasses$4[size], isRounded ? "s-rounded-full" : roundedClasses[size], name ? getColor(name) : "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
379
+ return (React__default.createElement("div", { className: avatarClass }, typeof visual === "string" ? (React__default.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$4[size], "s-object-cover") })) : visual ? (visual) : name ? (React__default.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, name[0].toUpperCase())) : (React__default.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }) // Default icon with size and slate-900 color
380
+ )));
381
+ }
382
+
298
383
  var IconSizes = {
299
384
  xs: "s-h-4 s-w-4",
300
385
  sm: "s-h-5 s-w-5",
@@ -331,17 +416,28 @@ function Tooltip(_a) {
331
416
  var baseClasses = "s-absolute s-whitespace-nowrap s-z-10 s-px-3 s-py-2 s-text-sm s-rounded-xl s-border s-shadow-md s-transition-all s-duration-500 s-ease-out s-transform s-bg-structure-0 dark:s-bg-structure-0-dark s-text-element-700 dark:s-text-element-700-dark";
332
417
  var hiddenClasses = "s-translate-y-2 s-opacity-0 s-pointer-events-none"; // Added s-pointer-events-none
333
418
  var visibleClasses = "-s-translate-y-0 s-opacity-100";
419
+ var hiddenOnMobileClasses = "s-hidden sm:s-block";
334
420
  var tooltipCenterClasses = "s-left-1/2 -s-translate-x-1/2";
335
421
  var tooltipPositionClasses = position === "above" ? "s-bottom-full s-mb-2" : "s-top-full s-mt-2";
336
422
  return (React__default.createElement("div", { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, className: "s-relative s-inline-block" },
337
423
  children,
338
- React__default.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, tooltipPositionClasses, tooltipCenterClasses), onAnimationEnd: function () { return setIsHovered(false); } }, label)));
424
+ React__default.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, hiddenOnMobileClasses, tooltipPositionClasses, tooltipCenterClasses), onAnimationEnd: function () { return setIsHovered(false); } }, label)));
339
425
  }
340
426
 
341
- var sizeClasses$4 = {
342
- xs: "s-gap-x-1 s-px-3 s-py-1.5 s-text-xs s-font-semibold",
343
- sm: "s-gap-x-1 s-px-4 s-py-2 s-text-sm s-font-semibold",
344
- md: "s-gap-x-1.5 s-px-5 s-py-3 s-text-base s-font-bold",
427
+ var textClasses = {
428
+ xs: "s-text-xs s-font-semibold",
429
+ sm: "s-text-sm s-font-semibold",
430
+ md: "s-text-base s-font-bold",
431
+ };
432
+ var sizeClasses$3 = {
433
+ xs: "s-gap-x-1 s-px-3 s-py-1.5",
434
+ sm: "s-gap-x-1 s-px-4 s-py-2",
435
+ md: "s-gap-x-1.5 s-px-5 s-py-3",
436
+ };
437
+ var sizeAvatarClasses = {
438
+ xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
439
+ sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
440
+ md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
345
441
  };
346
442
  var containerClasses = {
347
443
  xs: "s-px-0.5",
@@ -409,19 +505,32 @@ var variantClasses = {
409
505
  disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
410
506
  },
411
507
  },
508
+ avatar: {
509
+ base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
510
+ hover: "hover:s-bg-action-50 hover:s-border-action-200",
511
+ active: "active:s-bg-action-100 active:s-border-action-500",
512
+ disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
513
+ dark: {
514
+ base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
515
+ hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
516
+ active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
517
+ disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
518
+ },
519
+ },
412
520
  };
413
521
  var transitionClasses = "s-transition-all s-ease-out s-duration-400 hover:s-scale-100 hover:s-drop-shadow-md active:s-scale-95 active:s-drop-shadow-none s-cursor-pointer";
414
522
  function Button(_a) {
415
523
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
416
- 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;
417
- 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);
524
+ 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, avatar = _a.avatar;
525
+ var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-95 s-box-border s-rounded-full s-whitespace-nowrap", !avatar ? sizeClasses$3[size] : sizeAvatarClasses[size], textClasses[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);
418
526
  var finalContainerClasses = classNames(containerClasses[size]);
419
- return labelVisible ? (React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
527
+ var buttonBase = (React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
420
528
  icon && React__default.createElement(Icon, { visual: icon, size: size }),
421
- React__default.createElement("div", { className: finalContainerClasses }, label),
529
+ avatar && React__default.createElement(Avatar, { size: size, visual: avatar, isRounded: true }),
530
+ labelVisible ? (React__default.createElement("div", { className: finalContainerClasses }, label)) : null,
422
531
  type === "menu" && (React__default.createElement(Icon, { className: "s-opacity-50", visual: SvgChevronDown$1, size: size })),
423
- type === "select" && (React__default.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size })))) : (React__default.createElement(Tooltip, { label: label, position: tooltipPosition },
424
- React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label }, icon && React__default.createElement(Icon, { visual: icon, size: size }))));
532
+ type === "select" && (React__default.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size }))));
533
+ return labelVisible ? (buttonBase) : (React__default.createElement(Tooltip, { label: label, position: tooltipPosition }, buttonBase));
425
534
  }
426
535
  Button.List = function (_a) {
427
536
  var children = _a.children, className = _a.className;
@@ -430,7 +539,7 @@ Button.List = function (_a) {
430
539
  };
431
540
 
432
541
  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";
433
- var sizeClasses$3 = {
542
+ var sizeClasses$2 = {
434
543
  sm: "s-h-6 s-w-11",
435
544
  md: "s-h-8 s-w-14",
436
545
  };
@@ -450,7 +559,7 @@ var stateClasses$1 = {
450
559
  };
451
560
  function SliderToggle(_a) {
452
561
  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;
453
- 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 : "");
562
+ var combinedStateClasses = classNames(size ? sizeClasses$2[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 : "");
454
563
  var SliderToggleContent = (React__default.createElement("div", { onClick: function (e) {
455
564
  if (!disabled) {
456
565
  onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
@@ -536,81 +645,6 @@ function Tab(_a) {
536
645
  React__default.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
537
646
  }
538
647
 
539
- var colors = [
540
- "s-bg-red-300",
541
- "s-bg-orange-300",
542
- "s-bg-amber-300",
543
- "s-bg-yellow-300",
544
- "s-bg-lime-300",
545
- "s-bg-green-300",
546
- "s-bg-emerald-300",
547
- "s-bg-teal-300",
548
- "s-bg-cyan-300",
549
- "s-bg-sky-300",
550
- "s-bg-blue-300",
551
- "s-bg-indigo-300",
552
- "s-bg-violet-300",
553
- "s-bg-purple-300",
554
- "s-bg-fuchsia-300",
555
- "s-bg-rose-300",
556
- ];
557
- var txtColors = [
558
- "s-text-red-700",
559
- "s-text-orange-700",
560
- "s-text-amber-700",
561
- "s-text-yellow-700",
562
- "s-text-lime-700",
563
- "s-text-green-700",
564
- "s-text-emerald-700",
565
- "s-text-teal-700",
566
- "s-text-cyan-700",
567
- "s-text-sky-700",
568
- "s-text-blue-700",
569
- "s-text-indigo-700",
570
- "s-text-violet-700",
571
- "s-text-purple-700",
572
- "s-text-fuchsia-700",
573
- "s-text-rose-700",
574
- ];
575
- var sizeClasses$2 = {
576
- xs: "s-h-6 s-w-6 s-rounded-full",
577
- sm: "s-h-10 s-w-10 s-rounded-xl",
578
- md: "s-h-16 s-w-16 s-rounded-2xl",
579
- lg: "s-h-36 s-w-36 s-rounded-3xl",
580
- full: "s-h-full s-w-full",
581
- };
582
- var textSize = {
583
- xs: "s-text-xs",
584
- sm: "s-text-base",
585
- md: "s-text-3xl",
586
- lg: "s-text-7xl",
587
- full: "s-text-6xl",
588
- };
589
- function Avatar(_a) {
590
- var _b = _a.size, size = _b === void 0 ? "sm" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.busy, busy = _c === void 0 ? false : _c;
591
- var getColor = function (name) {
592
- var hash = 0;
593
- for (var i = 0; i < name.length; i++) {
594
- hash = name.charCodeAt(i) + ((hash << 5) - hash);
595
- }
596
- return colors[Math.abs(hash) % colors.length];
597
- };
598
- var getTextVariant = function (name) {
599
- var hash = 0;
600
- for (var i = 0; i < name.length; i++) {
601
- hash = name.charCodeAt(i) + ((hash << 5) - hash);
602
- }
603
- return txtColors[Math.abs(hash) % txtColors.length];
604
- };
605
- var clickableStyles = onClick && !busy
606
- ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
607
- : "";
608
- var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
609
- var avatarClass = classNames(sizeClasses$2[size], name ? getColor(name) : "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
610
- return (React__default.createElement("div", { className: avatarClass }, typeof visual === "string" ? (React__default.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$2[size], "s-object-cover") })) : visual ? (visual) : name ? (React__default.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, name[0].toUpperCase())) : (React__default.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }) // Default icon with size and slate-900 color
611
- )));
612
- }
613
-
614
648
  var sizeClasses$1 = {
615
649
  sm: "s-py-2 s-text-sm s-font-normal",
616
650
  md: "s-py-3 s-text-sm s-font-semibold",
@@ -32080,31 +32114,37 @@ function Logo(_a) {
32080
32114
  }
32081
32115
 
32082
32116
  function Checkbox(_a) {
32083
- var checked = _a.checked, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b, disabled = _a.disabled, partialChecked = _a.partialChecked;
32117
+ var _b = _a.variant, variant = _b === void 0 ? "selectable" : _b, checked = _a.checked, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? "" : _c, disabled = _a.disabled, partialChecked = _a.partialChecked;
32084
32118
  var baseStyleClasses = {
32085
- 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",
32119
+ base: "s-border s-justify-center s-w-5 s-h-5 s-rounded-md s-flex s-items-center s-transition-colors s-duration-300 s-ease-out",
32120
+ idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
32086
32121
  hover: "hover:s-border-action-500 hover:s-bg-action-200",
32122
+ disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
32087
32123
  dark: {
32088
32124
  base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
32089
32125
  hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
32126
+ disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
32090
32127
  },
32091
32128
  };
32092
32129
  var checkedIndicatorClasses = {
32093
- base: "s-h-3 s-w-3 s-rounded s-transition-opacity s-duration-200 s-ease-in-out",
32130
+ base: "s-transition s-duration-300 s-ease-in-out",
32094
32131
  selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
32095
32132
  unselected: "s-opacity-0",
32096
- partial: "s-opacity-100 s-bg-element-600 dark:s-bg-element-600-dark",
32133
+ partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
32134
+ disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
32097
32135
  };
32098
- var combinedBaseClasses = classNames(baseStyleClasses.base, baseStyleClasses.hover, baseStyleClasses.dark.base, baseStyleClasses.dark.hover, className, disabled ? "s-opacity-50" : "");
32099
- var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, checked
32136
+ var combinedBaseClasses = classNames(baseStyleClasses.base, disabled ? baseStyleClasses.disabled : baseStyleClasses.idle, !disabled ? baseStyleClasses.hover : "", disabled ? baseStyleClasses.dark.disabled : baseStyleClasses.dark.base, !disabled ? baseStyleClasses.dark.hover : "", className);
32137
+ var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", checked && !partialChecked && !disabled
32100
32138
  ? checkedIndicatorClasses.selected
32101
- : partialChecked
32102
- ? checkedIndicatorClasses.partial
32103
- : checkedIndicatorClasses.unselected);
32104
- return (React__default.createElement("label", { className: "s-cursor-pointer" },
32139
+ : "", checked && partialChecked && !disabled
32140
+ ? checkedIndicatorClasses.partialChecked
32141
+ : "", !checked && !disabled ? checkedIndicatorClasses.unselected : "");
32142
+ return (React__default.createElement("label", null,
32105
32143
  React__default.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
32106
- React__default.createElement("div", { className: combinedBaseClasses },
32107
- React__default.createElement("div", { className: combinedCheckedIndicatorClasses }))));
32144
+ React__default.createElement("div", { className: classNames(combinedBaseClasses, "s-relative s-text-white") },
32145
+ React__default.createElement("div", { className: combinedCheckedIndicatorClasses, style: { width: "14px", height: "14px", borderRadius: "3px" } }),
32146
+ variant === "checkable" && (React__default.createElement("div", { className: "s-absolute" },
32147
+ React__default.createElement(Icon, { visual: partialChecked ? SvgDash$1 : SvgCheck$1, size: "xs" }))))));
32108
32148
  }
32109
32149
 
32110
32150
  var baseClasses$1 = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
@@ -32167,226 +32207,21 @@ function IconButton(_a) {
32167
32207
  return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
32168
32208
  }
32169
32209
 
32170
- var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
32171
- var iconClasses = {
32172
- secondary: {
32173
- idle: "s-text-element-900",
32174
- selected: "s-text-action-500",
32175
- hover: "hover:s-text-action-400",
32176
- active: "active:s-text-action-600",
32177
- disabled: "s-text-element-500",
32178
- dark: {
32179
- idle: "dark:s-text-element-900-dark",
32180
- selected: "dark:s-text-action-500-dark",
32181
- hover: "dark:hover:s-text-action-500-dark",
32182
- active: "dark:active:s-text-action-600-dark",
32183
- disabled: "dark:s-text-element-500-dark",
32184
- },
32185
- },
32186
- tertiary: {
32187
- idle: "s-text-element-600",
32188
- selected: "s-text-action-500",
32189
- hover: "hover:s-text-action-400",
32190
- active: "active:s-text-action-600",
32191
- disabled: "s-text-element-500",
32192
- dark: {
32193
- idle: "dark:s-text-element-600-dark",
32194
- selected: "dark:s-text-action-500-dark",
32195
- hover: "dark:hover:s-text-action-500-dark",
32196
- active: "dark:active:s-text-action-600-dark",
32197
- disabled: "dark:s-text-element-500-dark",
32198
- },
32199
- },
32200
- };
32201
- function IconToggleButton(_a) {
32202
- var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
32203
- var iconGroup = iconClasses[variant];
32204
- var finalIconClasses = classNames(className, baseClasses, disabled
32205
- ? iconGroup.disabled
32206
- : selected
32207
- ? iconGroup.selected
32208
- : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
32209
- ? iconGroup.dark.disabled
32210
- : selected
32211
- ? iconGroup.dark.selected
32212
- : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
32213
- var IconButtonToggleContent = (React__default.createElement("button", { className: finalIconClasses, onClick: function (e) {
32214
- if (!disabled) {
32215
- onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
32216
- }
32217
- }, disabled: disabled }, icon && (React__default.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
32218
- return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
32219
- }
32220
-
32221
- function Modal(_a) {
32222
- 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;
32223
- var buttonBarProps = hasChanged
32224
- ? {
32225
- variant: "validate",
32226
- onCancel: onClose,
32227
- onSave: onSave,
32228
- }
32229
- : {
32230
- variant: "close",
32231
- onClose: onClose,
32232
- };
32233
- return (React__default.createElement(tt.Root, { show: isOpen, as: Fragment },
32234
- React__default.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onClose },
32235
- React__default.createElement(tt.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
32236
- React__default.createElement("div", { className: "s-fixed s-inset-0 s-bg-gray-500 s-bg-opacity-75 s-transition-opacity" })),
32237
- React__default.createElement("div", { className: "s-fixed s-inset-0 s-z-50 s-overflow-y-auto" },
32238
- React__default.createElement("div", { className: "s-flex s-items-center s-justify-center s-p-4 sm:s-p-0 ".concat(isFullScreen ? "s-h-full" : "s-min-h-full") },
32239
- React__default.createElement(tt.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95" },
32240
- React__default.createElement(_t.Panel, { className: "s-relative s-transform s-overflow-hidden s-rounded-lg s-bg-white s-px-4 s-pb-4 s-shadow-xl s-transition-all sm:s-p-6 ".concat(isFullScreen
32241
- ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
32242
- : "s-max-w-2xl lg:s-w-1/2") },
32243
- React__default.createElement(BarHeader, { title: title || "", rightActions: React__default.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
32244
- React__default.createElement("div", { className: "s-pt-8 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
32245
- }
32210
+ var SvgArrowDownCircle = 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),
32211
+ React.createElement("path", { fill: "currentColor", d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8Zm1-8h3l-4 4-4-4h3V8h2v4Z" }))); };
32246
32212
 
32247
- function Input(_a) {
32248
- var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, name = _a.name, _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
32249
- return (React__default.createElement("div", { className: "flex flex-col" },
32250
- React__default.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-rounded-md", className !== null && className !== void 0 ? className : "", !error
32251
- ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
32252
- : "focus:border-red-500 focus:ring-red-500 s-border-red-500", "s-bg-structure-50 s-stroke-structure-50"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
32253
- onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
32254
- }, "data-1p-ignore": !isPassword, disabled: disabled }),
32255
- React__default.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
32256
- }
32213
+ var SvgArrowDownOnSquare = 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),
32214
+ React.createElement("path", { fill: "currentColor", d: "M13 10h4l-5 5-5-5h4V3h2v7Zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7Z" }))); };
32257
32215
 
32258
- var SvgLogoHorizontalColor = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32259
- React.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
32260
- React.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
32261
- React.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
32262
- React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32263
- React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
32264
- React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
32265
- React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
32216
+ var SvgArrowPath = 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),
32217
+ React.createElement("path", { fill: "currentColor", d: "M12 4a8 8 0 0 0-8 8H2C2 6.477 6.477 2 12 2a9.969 9.969 0 0 1 7.071 2.929L21 3v5h-5l1.657-1.657A7.975 7.975 0 0 0 12 4ZM8 16l-1.657 1.657A8 8 0 0 0 20 12h2c0 5.523-4.477 10-10 10a9.969 9.969 0 0 1-7.071-2.929L3 21v-5h5Z" }))); };
32266
32218
 
32267
- var SvgLogoHorizontalDark = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32268
- React.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12v12h12a6 6 0 0 0 0-12H48c0-6.627-5.373-12-12-12S24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm72-12H72v12h12V12Z", clipRule: "evenodd" }),
32269
- React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32219
+ var SvgArrowUpOnSquare = 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),
32220
+ React.createElement("path", { fill: "currentColor", d: "m7 8 5-5 5 5h-4v7h-2V8H7Z" }),
32221
+ React.createElement("path", { fill: "currentColor", d: "M20 19H4v-7H2v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8h-2v7Z" }))); };
32270
32222
 
32271
- var SvgLogoHorizontalWhite = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32272
- React.createElement("path", { fill: "#fff", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12v12h12a6 6 0 0 0 0-12H48c0-6.627-5.373-12-12-12S24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm72-12H72v12h12V12Z", clipRule: "evenodd" }),
32273
- React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32274
-
32275
- var SvgLogoSquareColor = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32276
- React.createElement("path", { fill: "#FCD34D", d: "M36 36H24v12h12V36Z" }),
32277
- React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
32278
- React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
32279
- React.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
32280
- React.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
32281
- React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32282
- React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
32283
-
32284
- var SvgLogoSquareDark = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32285
- React.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
32286
- React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32287
-
32288
- var SvgLogoSquareWhite = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32289
- React.createElement("path", { fill: "#fff", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
32290
- React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32291
-
32292
- var SvgAi21 = 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),
32293
- React.createElement("g", { clipPath: "url(#Ai21_svg__a)" },
32294
- React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32295
- React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M5.66 14.116c-.44.816-.66 1.894-.66 3.233h8.366v-2.155H8.2c.108-.382.258-.686.45-.915.205-.229.542-.473 1.014-.735l1.625-.882c.708-.37 1.244-.843 1.609-1.42a3.566 3.566 0 0 0 .563-1.96c0-1.023-.354-1.823-1.062-2.4C11.693 6.294 10.711 6 9.456 6c-.836 0-1.576.163-2.22.49a3.598 3.598 0 0 0-1.48 1.388c-.343.599-.515 1.295-.515 2.09h2.655c0-.62.134-1.094.402-1.42.279-.338.67-.507 1.174-.507.397 0 .714.125.95.376.246.24.37.56.37.963 0 .751-.403 1.34-1.207 1.764l-1.754.93c-1.008.534-1.732 1.214-2.171 2.042Zm8.433-3.789h2.317v7.022H19V6.245h-2.252c0 .49-.076.876-.226 1.16-.139.282-.402.495-.788.636-.386.142-.933.213-1.64.213v2.073Z", clipRule: "evenodd" })),
32296
- React.createElement("defs", null,
32297
- React.createElement("clipPath", { id: "Ai21_svg__a" },
32298
- React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32299
-
32300
- var SvgClaude = 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),
32301
- React.createElement("g", { clipPath: "url(#Claude_svg__a)" },
32302
- React.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
32303
- React.createElement("path", { fill: "#000", d: "M15.364 6H12.74l4.779 12h2.625L15.364 6ZM7.78 6 3 18h2.679l.964-2.52h5.014l.975 2.52h2.679L10.52 6H7.78Zm-.258 7.25L9.15 9.03l1.64 4.22H7.52Z" })),
32304
- React.createElement("defs", null,
32305
- React.createElement("clipPath", { id: "Claude_svg__a" },
32306
- React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32307
-
32308
- var SvgCohere = 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),
32309
- React.createElement("path", { fill: "#355146", d: "M3 8.132C3 5.049 5.394 2.55 8.348 2.55h8.537c2.093 0 3.79 1.771 3.79 3.956 0 1.582-.904 3.012-2.297 3.636l-5.902 2.64a10.666 10.666 0 0 1-4.277.933C5.334 13.736 3 11.318 3 8.327v-.195Z" }),
32310
- React.createElement("path", { fill: "#D9A6E5", d: "M21 17.055c0 2.427-1.886 4.395-4.211 4.395h-2.803c-2.005 0-3.64-1.677-3.676-3.77-.027-1.582.879-3.02 2.282-3.62l2.493-1.066a4.132 4.132 0 0 1 1.59-.334h.079c2.34-.021 4.246 1.953 4.246 4.395Z" }),
32311
- React.createElement("path", { fill: "#FF7759", d: "M3 17.659c0-1.782 1.384-3.226 3.09-3.226 1.707 0 3.09 1.444 3.09 3.226v.452c0 1.782-1.383 3.226-3.09 3.226-1.706 0-3.09-1.444-3.09-3.226v-.452Z" }))); };
32312
-
32313
- var SvgDrive = 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),
32314
- React.createElement("path", { fill: "#0066DA", d: "m2.663 19.598.97 1.75c.202.37.492.659.832.87l3.465-6.266H1c0 .408.1.816.302 1.185l1.361 2.461Z" }),
32315
- React.createElement("path", { fill: "#00AC47", d: "M12 8.581 8.535 2.316c-.34.21-.63.5-.832.869l-6.4 11.582c-.198.361-.303.77-.303 1.185h6.93L12 8.582Z" }),
32316
- React.createElement("path", { fill: "#EA4335", d: "M19.535 22.217c.34-.21.63-.5.832-.868l.403-.724 1.928-3.488c.201-.369.302-.777.302-1.185h-6.93l1.474 3.028 1.991 3.237Z" }),
32317
- React.createElement("path", { fill: "#00832D", d: "m12 8.581 3.465-6.265c-.34-.21-.73-.316-1.134-.316H9.669a2.27 2.27 0 0 0-1.134.316L12 8.58Z" }),
32318
- React.createElement("path", { fill: "#2684FC", d: "M16.07 15.952H7.93l-3.465 6.265c.34.211.73.316 1.134.316h12.802c.403 0 .794-.118 1.134-.316l-3.465-6.265Z" }),
32319
- React.createElement("path", { fill: "#FFBA00", d: "m19.497 8.976-3.2-5.791a2.342 2.342 0 0 0-.832-.87L12 8.582l4.07 7.371h6.917c0-.408-.1-.816-.302-1.184l-3.188-5.792Z" }))); };
32320
-
32321
- var SvgGithub = 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),
32322
- React.createElement("path", { fill: "#0F172A", fillRule: "evenodd", d: "M12 2C6.475 2 2 6.503 2 12.063c0 4.453 2.862 8.214 6.838 9.547.5.088.687-.213.687-.478 0-.239-.013-1.031-.013-1.874-2.512.466-3.162-.616-3.362-1.182-.113-.29-.6-1.183-1.025-1.422-.35-.188-.85-.654-.013-.666.788-.013 1.35.73 1.538 1.031.9 1.522 2.338 1.095 2.912.83.088-.654.35-1.094.638-1.346-2.225-.251-4.55-1.12-4.55-4.968 0-1.095.387-2 1.025-2.705-.1-.251-.45-1.283.1-2.666 0 0 .837-.265 2.75 1.031.8-.226 1.65-.34 2.5-.34.85 0 1.7.114 2.5.34 1.912-1.308 2.75-1.031 2.75-1.031.55 1.383.2 2.415.1 2.666.637.705 1.025 1.598 1.025 2.705 0 3.861-2.337 4.717-4.562 4.968.362.315.675.919.675 1.862 0 1.346-.013 2.428-.013 2.767 0 .265.188.579.688.478C19.137 20.277 22 16.503 22 12.063 22 6.503 17.525 2 12 2Z", clipRule: "evenodd" }))); };
32323
-
32324
- var SvgGpt3 = 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),
32325
- React.createElement("g", { clipPath: "url(#Gpt3_svg__a)" },
32326
- React.createElement("rect", { width: 24, height: 24, fill: "#6DB9A6", rx: 4 }),
32327
- React.createElement("path", { fill: "#fff", d: "M19.813 10.367a4.432 4.432 0 0 0-.39-3.683c-.996-1.71-2.997-2.59-4.95-2.176A4.574 4.574 0 0 0 11.043 3c-1.997-.004-3.77 1.265-4.384 3.14a4.543 4.543 0 0 0-3.04 2.175 4.49 4.49 0 0 0 .566 5.318 4.432 4.432 0 0 0 .39 3.684c.996 1.71 2.997 2.59 4.951 2.175A4.57 4.57 0 0 0 12.955 21c1.999.005 3.772-1.265 4.386-3.142a4.543 4.543 0 0 0 3.04-2.176 4.49 4.49 0 0 0-.567-5.316l-.001.001Zm-6.857 9.457a3.435 3.435 0 0 1-2.188-.781c.028-.015.076-.041.107-.06l3.633-2.07c.186-.104.3-.3.299-.51v-5.054l1.535.875a.053.053 0 0 1 .03.042v4.184c-.003 1.861-1.53 3.37-3.416 3.374Zm-7.344-3.096a3.321 3.321 0 0 1-.408-2.26l.108.064 3.632 2.07a.598.598 0 0 0 .597 0l4.434-2.527v1.75a.056.056 0 0 1-.021.046l-3.672 2.092c-1.635.93-3.724.377-4.67-1.235Zm-.957-7.824a3.396 3.396 0 0 1 1.78-1.479l-.002.124v4.14a.582.582 0 0 0 .298.51l4.435 2.527-1.536.874a.055.055 0 0 1-.051.005L5.906 13.51a3.353 3.353 0 0 1-1.251-4.606Zm12.614 2.897-4.435-2.527L14.37 8.4a.055.055 0 0 1 .051-.005l3.673 2.092a3.35 3.35 0 0 1 1.25 4.61 3.406 3.406 0 0 1-1.778 1.478V12.31a.58.58 0 0 0-.297-.51Zm1.528-2.27a5.022 5.022 0 0 0-.108-.063l-3.633-2.07a.598.598 0 0 0-.596 0l-4.435 2.527v-1.75a.056.056 0 0 1 .022-.046l3.671-2.09c1.636-.932 3.727-.378 4.67 1.237.398.681.543 1.48.407 2.255h.002ZM9.19 12.65l-1.535-.874a.053.053 0 0 1-.03-.042V7.55c.001-1.863 1.533-3.373 3.421-3.372.799 0 1.572.277 2.186.78a2.563 2.563 0 0 0-.108.06L9.49 7.088a.58.58 0 0 0-.298.51l-.003 5.051v.001Zm.834-1.774L12 9.75l1.975 1.125v2.25L12 14.25l-1.976-1.125v-2.25Z" })),
32328
- React.createElement("defs", null,
32329
- React.createElement("clipPath", { id: "Gpt3_svg__a" },
32330
- React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32331
-
32332
- var SvgGpt4 = 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),
32333
- React.createElement("g", { clipPath: "url(#Gpt4_svg__a)" },
32334
- React.createElement("rect", { width: 24, height: 24, fill: "#A26BF7", rx: 4 }),
32335
- React.createElement("path", { fill: "#fff", d: "M19.813 10.367a4.432 4.432 0 0 0-.39-3.683c-.996-1.71-2.997-2.59-4.95-2.176A4.574 4.574 0 0 0 11.043 3c-1.997-.004-3.77 1.265-4.384 3.14a4.543 4.543 0 0 0-3.04 2.175 4.49 4.49 0 0 0 .566 5.318 4.432 4.432 0 0 0 .39 3.684c.996 1.71 2.997 2.59 4.951 2.175A4.57 4.57 0 0 0 12.955 21c1.999.005 3.772-1.265 4.386-3.142a4.543 4.543 0 0 0 3.04-2.176 4.49 4.49 0 0 0-.567-5.316l-.001.001Zm-6.857 9.457a3.435 3.435 0 0 1-2.188-.781c.028-.015.076-.041.107-.06l3.633-2.07c.186-.104.3-.3.299-.51v-5.054l1.535.875a.053.053 0 0 1 .03.042v4.184c-.003 1.861-1.53 3.37-3.416 3.374Zm-7.344-3.096a3.321 3.321 0 0 1-.408-2.26l.108.064 3.632 2.07a.598.598 0 0 0 .597 0l4.434-2.527v1.75a.056.056 0 0 1-.021.046l-3.672 2.092c-1.635.93-3.724.377-4.67-1.235Zm-.957-7.824a3.396 3.396 0 0 1 1.78-1.479l-.002.124v4.14a.582.582 0 0 0 .298.51l4.435 2.527-1.536.874a.055.055 0 0 1-.051.005L5.906 13.51a3.353 3.353 0 0 1-1.251-4.606Zm12.614 2.897-4.435-2.527L14.37 8.4a.055.055 0 0 1 .051-.005l3.673 2.092a3.35 3.35 0 0 1 1.25 4.61 3.406 3.406 0 0 1-1.778 1.478V12.31a.58.58 0 0 0-.297-.51Zm1.528-2.27a5.022 5.022 0 0 0-.108-.063l-3.633-2.07a.598.598 0 0 0-.596 0l-4.435 2.527v-1.75a.056.056 0 0 1 .022-.046l3.671-2.09c1.636-.932 3.727-.378 4.67 1.237.398.681.543 1.48.407 2.255h.002ZM9.19 12.65l-1.535-.874a.053.053 0 0 1-.03-.042V7.55c.001-1.863 1.533-3.373 3.421-3.372.799 0 1.572.277 2.186.78a2.563 2.563 0 0 0-.108.06L9.49 7.088a.58.58 0 0 0-.298.51l-.003 5.051v.001Zm.834-1.774L12 9.75l1.975 1.125v2.25L12 14.25l-1.976-1.125v-2.25Z" })),
32336
- React.createElement("defs", null,
32337
- React.createElement("clipPath", { id: "Gpt4_svg__a" },
32338
- React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32339
-
32340
- var SvgHuggingFace = 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),
32341
- React.createElement("path", { fill: "#FFD21E", d: "M11.936 19.386a7.577 7.577 0 0 0 5.432-2.313 8.012 8.012 0 0 0 2.25-5.584c0-2.095-.81-4.104-2.25-5.585a7.577 7.577 0 0 0-5.432-2.313 7.576 7.576 0 0 0-5.432 2.313 8.012 8.012 0 0 0-2.25 5.585c0 2.094.81 4.103 2.25 5.584a7.577 7.577 0 0 0 5.432 2.313Z" }),
32342
- React.createElement("path", { fill: "#FF9D0B", d: "M19.617 11.489c0-2.095-.809-4.104-2.25-5.585a7.576 7.576 0 0 0-5.431-2.313 7.576 7.576 0 0 0-5.432 2.313 8.012 8.012 0 0 0-2.25 5.585c0 2.094.81 4.103 2.25 5.584a7.577 7.577 0 0 0 5.432 2.313 7.577 7.577 0 0 0 5.432-2.313 8.012 8.012 0 0 0 2.25-5.584Zm-16.247 0c0-1.157.222-2.302.652-3.37A8.827 8.827 0 0 1 5.88 5.26a8.554 8.554 0 0 1 2.779-1.909 8.363 8.363 0 0 1 6.556 0 8.554 8.554 0 0 1 2.779 1.91 8.828 8.828 0 0 1 1.857 2.856 9.024 9.024 0 0 1 .652 3.37 8.934 8.934 0 0 1-2.51 6.228 8.449 8.449 0 0 1-6.056 2.58 8.449 8.449 0 0 1-6.057-2.58 8.934 8.934 0 0 1-2.509-6.227Z" }),
32343
- React.createElement("path", { fill: "#3A3B45", d: "M14.432 9.34c.282.1.393.696.678.542.193-.106.352-.267.455-.465a1.164 1.164 0 0 0-.117-1.257 1.104 1.104 0 0 0-.532-.368 1.077 1.077 0 0 0-.642-.002c-.21.065-.395.192-.535.365a1.163 1.163 0 0 0-.123 1.256c.135.262.564-.163.818-.072l-.002.002Zm-5.206 0c-.283.1-.396.696-.679.542a1.121 1.121 0 0 1-.455-.465A1.163 1.163 0 0 1 8.21 8.16c.138-.175.324-.303.533-.368.209-.066.432-.067.642-.002.209.065.395.192.534.365a1.163 1.163 0 0 1 .123 1.256c-.134.262-.565-.163-.817-.072l.002.002Z" }),
32344
- React.createElement("path", { fill: "#FF323D", d: "M11.88 14.793c2.174 0 2.874-1.99 2.874-3.013 0-.532-.347-.364-.904-.082-.515.261-1.207.622-1.967.622-1.59 0-2.874-1.563-2.874-.54 0 1.022.699 3.013 2.874 3.013h-.002Z" }),
32345
- React.createElement("path", { fill: "#3A3B45", fillRule: "evenodd", d: "M10.216 14.273c.117-.244.281-.46.483-.636.201-.176.436-.306.689-.385.088-.027.179.13.274.291.088.155.181.312.274.312.1 0 .199-.155.294-.307.1-.16.197-.314.292-.284.475.155.871.495 1.105.947.824-.668 1.127-1.759 1.127-2.431 0-.532-.347-.364-.904-.082l-.03.016c-.511.261-1.192.606-1.94.606-.747 0-1.425-.345-1.938-.606-.575-.293-.935-.478-.935.066 0 .693.323 1.831 1.21 2.493Z", clipRule: "evenodd" }),
32346
- React.createElement("path", { fill: "#FF9D0B", d: "M17.13 10.41c.191 0 .374-.079.509-.217a.75.75 0 0 0 0-1.045.708.708 0 0 0-1.016 0 .75.75 0 0 0 0 1.045.708.708 0 0 0 .508.216Zm-10.278 0c.19 0 .373-.079.508-.217a.75.75 0 0 0 0-1.045.709.709 0 0 0-1.016 0 .75.75 0 0 0 0 1.045.709.709 0 0 0 .508.216Zm-1.48 2.5c-.357 0-.676.15-.899.424a1.38 1.38 0 0 0-.294.855 1.531 1.531 0 0 0-.429-.069c-.342 0-.652.135-.87.378a1.348 1.348 0 0 0-.177 1.59 1.21 1.21 0 0 0-.396.642 1.36 1.36 0 0 0 .177 1.077 1.21 1.21 0 0 0-.082 1.14c.225.528.79.942 1.883 1.387.679.277 1.302.455 1.307.457.787.224 1.599.346 2.416.364 1.295 0 2.221-.41 2.754-1.214.858-1.293.736-2.477-.376-3.618-.612-.632-1.02-1.562-1.105-1.766-.172-.605-.628-1.277-1.382-1.277-.2.003-.397.055-.574.152a1.273 1.273 0 0 0-.442.407c-.221-.287-.438-.512-.633-.641-.26-.18-.564-.281-.877-.289Zm0 .908c.114 0 .253.05.403.148.473.309 1.382 1.916 1.716 2.54.11.21.302.299.473.299.342 0 .607-.348.033-.791-.867-.666-.564-1.755-.15-1.82.017-.005.037-.005.052-.005.376 0 .542.666.542.666s.486 1.254 1.322 2.113c.833.857.878 1.546.27 2.462-.416.625-1.21.813-2.025.813-.842 0-1.709-.204-2.193-.332-.024-.006-2.973-.863-2.6-1.59.062-.123.166-.173.297-.173.526 0 1.48.804 1.894.804.09 0 .155-.038.184-.136.174-.648-2.666-.92-2.428-1.857.045-.166.157-.232.319-.232.694 0 2.254 1.257 2.582 1.257.024 0 .044-.007.053-.023.163-.272.073-.463-1.084-1.181-1.151-.719-1.962-1.15-1.503-1.666a.283.283 0 0 1 .221-.087c.701 0 2.357 1.55 2.357 1.55s.446.478.718.478a.16.16 0 0 0 .15-.087c.19-.332-1.781-1.868-1.892-2.502-.075-.432.053-.648.29-.648Z" }),
32347
- React.createElement("path", { fill: "#FFD21E", d: "M10.033 19.43c.607-.919.563-1.607-.27-2.464-.836-.857-1.322-2.114-1.322-2.114s-.181-.727-.595-.659c-.413.068-.716 1.155.15 1.82.865.666-.172 1.119-.505.494-.332-.625-1.243-2.232-1.716-2.541-.47-.307-.802-.136-.692.5.11.634 2.085 2.17 1.892 2.5-.192.334-.868-.389-.868-.389s-2.116-1.98-2.578-1.463c-.46.515.352.947 1.503 1.665 1.157.719 1.247.91 1.084 1.182-.166.273-2.715-1.938-2.954-1-.238.934 2.602 1.205 2.427 1.853-.176.647-2.002-1.223-2.374-.496-.375.73 2.576 1.586 2.6 1.593.95.255 3.371.793 4.218-.482Z" }),
32348
- React.createElement("path", { fill: "#FF9D0B", d: "M18.61 12.91c.358 0 .678.15.9.424.19.242.293.544.293.855.14-.044.285-.067.431-.069.343 0 .652.135.871.378a1.349 1.349 0 0 1 .177 1.59c.195.165.333.39.393.642.053.204.107.636-.176 1.077a1.209 1.209 0 0 1 .081 1.14c-.225.528-.789.942-1.88 1.387-.682.277-1.305.455-1.31.457-.787.224-1.599.346-2.415.363-1.296 0-2.222-.409-2.755-1.213-.857-1.293-.736-2.477.376-3.618.614-.632 1.024-1.562 1.107-1.766.173-.605.626-1.277 1.38-1.277.2.003.397.055.574.152.177.098.329.237.443.407.22-.287.437-.512.634-.641.259-.18.563-.28.875-.289Zm0 .908c-.113 0-.25.05-.403.148-.47.309-1.381 1.916-1.715 2.54a.547.547 0 0 1-.197.217.525.525 0 0 1-.276.082c-.34 0-.608-.348-.031-.791.864-.666.561-1.755.148-1.82a.326.326 0 0 0-.053-.005c-.376 0-.542.665-.542.665s-.486 1.255-1.32 2.114c-.835.857-.88 1.546-.27 2.462.414.625 1.21.813 2.024.813.844 0 1.708-.204 2.195-.332.022-.007 2.973-.863 2.6-1.59-.065-.123-.167-.173-.297-.173-.526 0-1.483.804-1.895.804-.092 0-.156-.038-.183-.136-.177-.648 2.664-.92 2.425-1.857-.042-.166-.155-.232-.318-.232-.694 0-2.255 1.257-2.582 1.257-.022 0-.042-.007-.051-.023-.164-.272-.075-.463 1.079-1.181 1.156-.719 1.967-1.15 1.503-1.666-.051-.06-.126-.087-.217-.087-.703 0-2.358 1.55-2.358 1.55s-.447.477-.717.477a.16.16 0 0 1-.087-.02.166.166 0 0 1-.063-.066c-.192-.332 1.78-1.868 1.89-2.502.075-.432-.053-.648-.29-.648Z" }),
32349
- React.createElement("path", { fill: "#FFD21E", d: "M13.952 19.43c-.608-.919-.566-1.607.27-2.464.833-.857 1.32-2.114 1.32-2.114s.18-.727.596-.659c.411.068.714 1.155-.15 1.82-.867.666.172 1.119.504.494.334-.625 1.244-2.232 1.715-2.541.471-.307.805-.136.692.5-.11.634-2.082 2.17-1.89 2.5.19.334.867-.389.867-.389s2.117-1.98 2.577-1.463c.46.515-.35.947-1.503 1.665-1.156.719-1.245.91-1.083 1.182.165.273 2.714-1.938 2.953-1 .239.934-2.6 1.205-2.425 1.853.177.647 2-1.223 2.374-.496.374.73-2.575 1.586-2.6 1.593-.952.255-3.373.793-4.217-.482Z" }))); };
32350
-
32351
- var SvgMicrosoft = 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),
32352
- React.createElement("path", { fill: "#F25022", d: "M3 3h8.5v8.5H3z" }),
32353
- React.createElement("path", { fill: "#00A4EF", d: "M3 12.5h8.5V21H3z" }),
32354
- React.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
32355
- React.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
32356
-
32357
- var SvgNotion = 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),
32358
- React.createElement("path", { fill: "#fff", d: "m3.203 2.863 11.067-.818c1.36-.116 1.709-.038 2.563.584l3.533 2.488c.583.428.777.545.777 1.01v13.65c0 .855-.311 1.36-1.398 1.438l-12.852.778c-.816.039-1.204-.078-1.632-.622L2.66 17.988c-.467-.623-.66-1.089-.66-1.633V4.223c0-.7.31-1.283 1.203-1.36Z" }),
32359
- React.createElement("path", { fill: "#000", fillRule: "evenodd", d: "m14.27 2.045-11.067.818C2.311 2.94 2 3.523 2 4.223v12.132c0 .544.193 1.01.66 1.633l2.601 3.383c.428.544.816.661 1.632.622l12.852-.778c1.086-.077 1.398-.583 1.398-1.438V6.128c0-.442-.175-.57-.689-.947l-3.62-2.552c-.855-.622-1.205-.7-2.564-.584Zm-7.086 3.86c-1.05.07-1.287.086-1.883-.398L3.785 4.3c-.154-.156-.076-.35.312-.389l10.638-.777c.894-.078 1.359.233 1.708.505l1.825 1.322c.078.04.272.272.039.272L7.32 5.895l-.136.01ZM5.961 19.66V8.073c0-.506.155-.739.62-.778L19.2 6.556c.428-.039.621.233.621.739v11.509c0 .506-.078.934-.776.973l-12.076.7c-.698.038-1.008-.194-1.008-.817ZM17.88 8.695c.077.35 0 .7-.35.74l-.582.115v8.555c-.506.272-.971.427-1.36.427-.621 0-.776-.195-1.242-.777l-3.806-5.988v5.793l1.204.273s0 .7-.971.7l-2.678.155c-.078-.156 0-.545.271-.622l.7-.194v-7.66l-.971-.079c-.078-.35.116-.855.66-.894l2.873-.194 3.96 6.066V9.745l-1.009-.116c-.078-.429.233-.74.62-.778l2.68-.156Z", clipRule: "evenodd" }))); };
32360
-
32361
- var SvgReplicate = 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),
32362
- React.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
32363
- React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32364
- React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M18.76 5v1.576H7.765V19H6V5h12.76Zm0 2.989v1.576h-7.661V19H9.332V7.989h9.428Zm0 4.564v-1.585h-6.095V19h1.766v-6.447h4.329Z", clipRule: "evenodd" })),
32365
- React.createElement("defs", null,
32366
- React.createElement("clipPath", { id: "Replicate_svg__a" },
32367
- React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32368
-
32369
- var SvgSlack = 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),
32370
- React.createElement("path", { fill: "#E01E5A", d: "M6.216 14.643a2.1 2.1 0 1 1-4.2 0 2.1 2.1 0 0 1 2.1-2.102h2.1v2.102Zm1.05 0a2.1 2.1 0 1 1 4.201 0v5.255A2.099 2.099 0 0 1 9.367 22c-1.162 0-2.1-.94-2.1-2.102v-5.255Z" }),
32371
- React.createElement("path", { fill: "#36C5F0", d: "M9.367 6.204a2.1 2.1 0 0 1-2.1-2.102 2.1 2.1 0 1 1 4.2 0v2.102h-2.1Zm0 1.067a2.1 2.1 0 0 1 2.1 2.102 2.1 2.1 0 0 1-2.1 2.102H4.1A2.1 2.1 0 0 1 2 9.373 2.1 2.1 0 0 1 4.1 7.27h5.267Z" }),
32372
- React.createElement("path", { fill: "#2EB67D", d: "M17.784 9.373a2.099 2.099 0 1 1 4.2 0 2.099 2.099 0 0 1-2.1 2.102h-2.1V9.373Zm-1.05 0a2.099 2.099 0 1 1-4.201 0V4.102a2.099 2.099 0 1 1 4.2 0v5.27Z" }),
32373
- React.createElement("path", { fill: "#ECB22E", d: "M14.633 17.796c1.162 0 2.1.94 2.1 2.102a2.099 2.099 0 1 1-4.2 0v-2.102h2.1Zm0-1.05c-1.161 0-2.1-.94-2.1-2.103a2.1 2.1 0 0 1 2.1-2.102H19.9a2.1 2.1 0 0 1 2.1 2.102 2.099 2.099 0 0 1-2.1 2.102h-5.267Z" }))); };
32374
-
32375
- var SvgArrowDownCircle = 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),
32376
- React.createElement("path", { fill: "currentColor", d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8Zm1-8h3l-4 4-4-4h3V8h2v4Z" }))); };
32377
-
32378
- var SvgArrowDownOnSquare = 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),
32379
- React.createElement("path", { fill: "currentColor", d: "M13 10h4l-5 5-5-5h4V3h2v7Zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7Z" }))); };
32380
-
32381
- var SvgArrowPath = 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),
32382
- React.createElement("path", { fill: "currentColor", d: "M12 4a8 8 0 0 0-8 8H2C2 6.477 6.477 2 12 2a9.969 9.969 0 0 1 7.071 2.929L21 3v5h-5l1.657-1.657A7.975 7.975 0 0 0 12 4ZM8 16l-1.657 1.657A8 8 0 0 0 20 12h2c0 5.523-4.477 10-10 10a9.969 9.969 0 0 1-7.071-2.929L3 21v-5h5Z" }))); };
32383
-
32384
- var SvgArrowUpOnSquare = 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),
32385
- React.createElement("path", { fill: "currentColor", d: "m7 8 5-5 5 5h-4v7h-2V8H7Z" }),
32386
- React.createElement("path", { fill: "currentColor", d: "M20 19H4v-7H2v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8h-2v7Z" }))); };
32387
-
32388
- var SvgAttachment = 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),
32389
- React.createElement("path", { fill: "currentColor", d: "m14.829 7.757-5.657 5.657a1 1 0 1 0 1.414 1.415l5.657-5.657A3 3 0 0 0 12 4.929l-5.657 5.657a5 5 0 0 0 7.071 7.07L19.071 12l1.414 1.414-5.656 5.657a7 7 0 1 1-9.9-9.9l5.657-5.656a5 5 0 0 1 7.071 7.07L12 16.244A3 3 0 1 1 7.758 12l5.656-5.657 1.415 1.414Z" }))); };
32223
+ var SvgAttachment = 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),
32224
+ React.createElement("path", { fill: "currentColor", d: "m14.829 7.757-5.657 5.657a1 1 0 1 0 1.414 1.415l5.657-5.657A3 3 0 0 0 12 4.929l-5.657 5.657a5 5 0 0 0 7.071 7.07L19.071 12l1.414 1.414-5.656 5.657a7 7 0 1 1-9.9-9.9l5.657-5.656a5 5 0 0 1 7.071 7.07L12 16.244A3 3 0 1 1 7.758 12l5.656-5.657 1.415 1.414Z" }))); };
32390
32225
 
32391
32226
  var SvgBackspace = 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),
32392
32227
  React.createElement("path", { fill: "currentColor", d: "M6.535 3h14.464a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6.535a1 1 0 0 1-.833-.445l-5.333-8a1 1 0 0 1 0-1.11l5.333-8A1 1 0 0 1 6.535 3Zm.535 2-4.667 7 4.667 7H20V5H7.07ZM13 10.586l2.828-2.829 1.414 1.415L14.413 12l2.829 2.828-1.414 1.415-2.829-2.829-2.828 2.829-1.414-1.415L11.585 12 8.757 9.172l1.414-1.415 2.828 2.829Z" }))); };
@@ -32456,6 +32291,9 @@ var SvgCommandLine = function (props) { return (React.createElement("svg", __ass
32456
32291
  var SvgCube = 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),
32457
32292
  React.createElement("path", { fill: "currentColor", d: "m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1ZM5.494 7.078 12 10.844l6.506-3.766L12 3.31 5.494 7.078ZM4.5 8.813v7.534L11 20.11v-7.534L4.5 8.813ZM13 20.11l6.5-3.763V8.813L13 12.576v7.534Z" }))); };
32458
32293
 
32294
+ var SvgDash = 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),
32295
+ React.createElement("path", { fill: "currentColor", d: "M18 11v2H6v-2h12Z" }))); };
32296
+
32459
32297
  var SvgDocumentDuplicate = 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),
32460
32298
  React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7 3v3H4.01c-.557 0-1.007.448-1.007 1L3 21c0 .555.45 1 1.007 1h11.986C16.55 22 17 21.552 17 21v-3h3a1 1 0 0 0 1-1V6l-4-4H8a1 1 0 0 0-1 1ZM5 20l.002-12H12v3h3v9H5Zm12-4h2V7h-3V4H9v2h4l4 4v6Z", clipRule: "evenodd" }))); };
32461
32299
 
@@ -32566,5 +32404,234 @@ var SvgXCircle = function (props) { return (React.createElement("svg", __assign(
32566
32404
  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),
32567
32405
  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" }))); };
32568
32406
 
32569
- 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, Input, 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 };
32407
+ function Tree(_a) {
32408
+ var children = _a.children, isLoading = _a.isLoading;
32409
+ return isLoading ? (React__default.createElement("div", { className: "s-py-2 s-pl-4" },
32410
+ React__default.createElement(Spinner, { size: "sm" }))) : (React__default.createElement("div", { className: "s-flex s-flex-col s-gap-1" }, children));
32411
+ }
32412
+ var visualTable = {
32413
+ file: SvgDocumentText,
32414
+ folder: SvgFolderOpen,
32415
+ database: SvgSquare3Stack3D,
32416
+ channel: SvgChatBubbleBottomCenterText,
32417
+ };
32418
+ Tree.Item = function (_a) {
32419
+ var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.variant, variant = _d === void 0 ? "file" : _d, children = _a.children;
32420
+ return (React__default.createElement(React__default.Fragment, null,
32421
+ React__default.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-row s-items-center s-gap-4 s-py-1") },
32422
+ type === "node" && (React__default.createElement(IconButton, { icon: children ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary" })),
32423
+ React__default.createElement(Checkbox, { variant: "checkable", checked: false, onChange: function () { return console.log("click"); } }),
32424
+ React__default.createElement("div", { className: "s-flex s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
32425
+ React__default.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-text-element-700" }),
32426
+ label)),
32427
+ React__default.Children.count(children) > 0 && (React__default.createElement("div", { className: "s-flex s-pl-5" },
32428
+ React__default.createElement(Tree, null, children)))));
32429
+ };
32430
+
32431
+ var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
32432
+ var iconClasses = {
32433
+ secondary: {
32434
+ idle: "s-text-element-900",
32435
+ selected: "s-text-action-500",
32436
+ hover: "hover:s-text-action-400",
32437
+ active: "active:s-text-action-600",
32438
+ disabled: "s-text-element-500",
32439
+ dark: {
32440
+ idle: "dark:s-text-element-900-dark",
32441
+ selected: "dark:s-text-action-500-dark",
32442
+ hover: "dark:hover:s-text-action-500-dark",
32443
+ active: "dark:active:s-text-action-600-dark",
32444
+ disabled: "dark:s-text-element-500-dark",
32445
+ },
32446
+ },
32447
+ tertiary: {
32448
+ idle: "s-text-element-600",
32449
+ selected: "s-text-action-500",
32450
+ hover: "hover:s-text-action-400",
32451
+ active: "active:s-text-action-600",
32452
+ disabled: "s-text-element-500",
32453
+ dark: {
32454
+ idle: "dark:s-text-element-600-dark",
32455
+ selected: "dark:s-text-action-500-dark",
32456
+ hover: "dark:hover:s-text-action-500-dark",
32457
+ active: "dark:active:s-text-action-600-dark",
32458
+ disabled: "dark:s-text-element-500-dark",
32459
+ },
32460
+ },
32461
+ };
32462
+ function IconToggleButton(_a) {
32463
+ var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
32464
+ var iconGroup = iconClasses[variant];
32465
+ var finalIconClasses = classNames(className, baseClasses, disabled
32466
+ ? iconGroup.disabled
32467
+ : selected
32468
+ ? iconGroup.selected
32469
+ : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
32470
+ ? iconGroup.dark.disabled
32471
+ : selected
32472
+ ? iconGroup.dark.selected
32473
+ : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
32474
+ var IconButtonToggleContent = (React__default.createElement("button", { className: finalIconClasses, onClick: function (e) {
32475
+ if (!disabled) {
32476
+ onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
32477
+ }
32478
+ }, disabled: disabled }, icon && (React__default.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
32479
+ return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
32480
+ }
32481
+
32482
+ function Modal(_a) {
32483
+ 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;
32484
+ var buttonBarProps = hasChanged
32485
+ ? {
32486
+ variant: "validate",
32487
+ onCancel: onClose,
32488
+ onSave: onSave,
32489
+ }
32490
+ : {
32491
+ variant: "close",
32492
+ onClose: onClose,
32493
+ };
32494
+ return (React__default.createElement(tt.Root, { show: isOpen, as: Fragment },
32495
+ React__default.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onClose },
32496
+ React__default.createElement(tt.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
32497
+ React__default.createElement("div", { className: "s-fixed s-inset-0 s-bg-gray-500 s-bg-opacity-75 s-transition-opacity" })),
32498
+ React__default.createElement("div", { className: "s-fixed s-inset-0 s-z-50 s-overflow-y-auto" },
32499
+ React__default.createElement("div", { className: "s-flex s-items-center s-justify-center s-p-4 sm:s-p-0 ".concat(isFullScreen ? "s-h-full" : "s-min-h-full") },
32500
+ React__default.createElement(tt.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95" },
32501
+ React__default.createElement(_t.Panel, { className: "s-relative s-transform s-overflow-hidden s-rounded-lg s-bg-white s-px-4 s-pb-4 s-shadow-xl s-transition-all sm:s-p-6 ".concat(isFullScreen
32502
+ ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
32503
+ : "s-max-w-2xl lg:s-w-1/2") },
32504
+ React__default.createElement(BarHeader, { title: title || "", rightActions: React__default.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
32505
+ React__default.createElement("div", { className: "s-pt-8 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
32506
+ }
32507
+
32508
+ function Input(_a) {
32509
+ var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, name = _a.name, _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
32510
+ return (React__default.createElement("div", { className: "flex flex-col" },
32511
+ React__default.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-rounded-md", className !== null && className !== void 0 ? className : "", !error
32512
+ ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
32513
+ : "focus:border-red-500 focus:ring-red-500 s-border-red-500", "s-bg-structure-50 s-stroke-structure-50"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
32514
+ onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
32515
+ }, "data-1p-ignore": !isPassword, disabled: disabled }),
32516
+ React__default.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
32517
+ }
32518
+
32519
+ var SvgLogoHorizontalColor = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32520
+ React.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
32521
+ React.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
32522
+ React.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
32523
+ React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32524
+ React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
32525
+ React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
32526
+ React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
32527
+
32528
+ var SvgLogoHorizontalDark = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32529
+ React.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12v12h12a6 6 0 0 0 0-12H48c0-6.627-5.373-12-12-12S24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm72-12H72v12h12V12Z", clipRule: "evenodd" }),
32530
+ React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32531
+
32532
+ var SvgLogoHorizontalWhite = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32533
+ React.createElement("path", { fill: "#fff", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12v12h12a6 6 0 0 0 0-12H48c0-6.627-5.373-12-12-12S24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm72-12H72v12h12V12Z", clipRule: "evenodd" }),
32534
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32535
+
32536
+ var SvgLogoSquareColor = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32537
+ React.createElement("path", { fill: "#FCD34D", d: "M36 36H24v12h12V36Z" }),
32538
+ React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
32539
+ React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
32540
+ React.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
32541
+ React.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
32542
+ React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32543
+ React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
32544
+
32545
+ var SvgLogoSquareDark = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32546
+ React.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
32547
+ React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32548
+
32549
+ var SvgLogoSquareWhite = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32550
+ React.createElement("path", { fill: "#fff", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
32551
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32552
+
32553
+ var SvgAi21 = 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),
32554
+ React.createElement("g", { clipPath: "url(#Ai21_svg__a)" },
32555
+ React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32556
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M5.66 14.116c-.44.816-.66 1.894-.66 3.233h8.366v-2.155H8.2c.108-.382.258-.686.45-.915.205-.229.542-.473 1.014-.735l1.625-.882c.708-.37 1.244-.843 1.609-1.42a3.566 3.566 0 0 0 .563-1.96c0-1.023-.354-1.823-1.062-2.4C11.693 6.294 10.711 6 9.456 6c-.836 0-1.576.163-2.22.49a3.598 3.598 0 0 0-1.48 1.388c-.343.599-.515 1.295-.515 2.09h2.655c0-.62.134-1.094.402-1.42.279-.338.67-.507 1.174-.507.397 0 .714.125.95.376.246.24.37.56.37.963 0 .751-.403 1.34-1.207 1.764l-1.754.93c-1.008.534-1.732 1.214-2.171 2.042Zm8.433-3.789h2.317v7.022H19V6.245h-2.252c0 .49-.076.876-.226 1.16-.139.282-.402.495-.788.636-.386.142-.933.213-1.64.213v2.073Z", clipRule: "evenodd" })),
32557
+ React.createElement("defs", null,
32558
+ React.createElement("clipPath", { id: "Ai21_svg__a" },
32559
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32560
+
32561
+ var SvgClaude = 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),
32562
+ React.createElement("g", { clipPath: "url(#Claude_svg__a)" },
32563
+ React.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
32564
+ React.createElement("path", { fill: "#000", d: "M15.364 6H12.74l4.779 12h2.625L15.364 6ZM7.78 6 3 18h2.679l.964-2.52h5.014l.975 2.52h2.679L10.52 6H7.78Zm-.258 7.25L9.15 9.03l1.64 4.22H7.52Z" })),
32565
+ React.createElement("defs", null,
32566
+ React.createElement("clipPath", { id: "Claude_svg__a" },
32567
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32568
+
32569
+ var SvgCohere = 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),
32570
+ React.createElement("path", { fill: "#355146", d: "M3 8.132C3 5.049 5.394 2.55 8.348 2.55h8.537c2.093 0 3.79 1.771 3.79 3.956 0 1.582-.904 3.012-2.297 3.636l-5.902 2.64a10.666 10.666 0 0 1-4.277.933C5.334 13.736 3 11.318 3 8.327v-.195Z" }),
32571
+ React.createElement("path", { fill: "#D9A6E5", d: "M21 17.055c0 2.427-1.886 4.395-4.211 4.395h-2.803c-2.005 0-3.64-1.677-3.676-3.77-.027-1.582.879-3.02 2.282-3.62l2.493-1.066a4.132 4.132 0 0 1 1.59-.334h.079c2.34-.021 4.246 1.953 4.246 4.395Z" }),
32572
+ React.createElement("path", { fill: "#FF7759", d: "M3 17.659c0-1.782 1.384-3.226 3.09-3.226 1.707 0 3.09 1.444 3.09 3.226v.452c0 1.782-1.383 3.226-3.09 3.226-1.706 0-3.09-1.444-3.09-3.226v-.452Z" }))); };
32573
+
32574
+ var SvgDrive = 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),
32575
+ React.createElement("path", { fill: "#0066DA", d: "m2.663 19.598.97 1.75c.202.37.492.659.832.87l3.465-6.266H1c0 .408.1.816.302 1.185l1.361 2.461Z" }),
32576
+ React.createElement("path", { fill: "#00AC47", d: "M12 8.581 8.535 2.316c-.34.21-.63.5-.832.869l-6.4 11.582c-.198.361-.303.77-.303 1.185h6.93L12 8.582Z" }),
32577
+ React.createElement("path", { fill: "#EA4335", d: "M19.535 22.217c.34-.21.63-.5.832-.868l.403-.724 1.928-3.488c.201-.369.302-.777.302-1.185h-6.93l1.474 3.028 1.991 3.237Z" }),
32578
+ React.createElement("path", { fill: "#00832D", d: "m12 8.581 3.465-6.265c-.34-.21-.73-.316-1.134-.316H9.669a2.27 2.27 0 0 0-1.134.316L12 8.58Z" }),
32579
+ React.createElement("path", { fill: "#2684FC", d: "M16.07 15.952H7.93l-3.465 6.265c.34.211.73.316 1.134.316h12.802c.403 0 .794-.118 1.134-.316l-3.465-6.265Z" }),
32580
+ React.createElement("path", { fill: "#FFBA00", d: "m19.497 8.976-3.2-5.791a2.342 2.342 0 0 0-.832-.87L12 8.582l4.07 7.371h6.917c0-.408-.1-.816-.302-1.184l-3.188-5.792Z" }))); };
32581
+
32582
+ var SvgGithub = 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),
32583
+ React.createElement("path", { fill: "#0F172A", fillRule: "evenodd", d: "M12 2C6.475 2 2 6.503 2 12.063c0 4.453 2.862 8.214 6.838 9.547.5.088.687-.213.687-.478 0-.239-.013-1.031-.013-1.874-2.512.466-3.162-.616-3.362-1.182-.113-.29-.6-1.183-1.025-1.422-.35-.188-.85-.654-.013-.666.788-.013 1.35.73 1.538 1.031.9 1.522 2.338 1.095 2.912.83.088-.654.35-1.094.638-1.346-2.225-.251-4.55-1.12-4.55-4.968 0-1.095.387-2 1.025-2.705-.1-.251-.45-1.283.1-2.666 0 0 .837-.265 2.75 1.031.8-.226 1.65-.34 2.5-.34.85 0 1.7.114 2.5.34 1.912-1.308 2.75-1.031 2.75-1.031.55 1.383.2 2.415.1 2.666.637.705 1.025 1.598 1.025 2.705 0 3.861-2.337 4.717-4.562 4.968.362.315.675.919.675 1.862 0 1.346-.013 2.428-.013 2.767 0 .265.188.579.688.478C19.137 20.277 22 16.503 22 12.063 22 6.503 17.525 2 12 2Z", clipRule: "evenodd" }))); };
32584
+
32585
+ var SvgGpt3 = 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),
32586
+ React.createElement("g", { clipPath: "url(#Gpt3_svg__a)" },
32587
+ React.createElement("rect", { width: 24, height: 24, fill: "#6DB9A6", rx: 4 }),
32588
+ React.createElement("path", { fill: "#fff", d: "M19.813 10.367a4.432 4.432 0 0 0-.39-3.683c-.996-1.71-2.997-2.59-4.95-2.176A4.574 4.574 0 0 0 11.043 3c-1.997-.004-3.77 1.265-4.384 3.14a4.543 4.543 0 0 0-3.04 2.175 4.49 4.49 0 0 0 .566 5.318 4.432 4.432 0 0 0 .39 3.684c.996 1.71 2.997 2.59 4.951 2.175A4.57 4.57 0 0 0 12.955 21c1.999.005 3.772-1.265 4.386-3.142a4.543 4.543 0 0 0 3.04-2.176 4.49 4.49 0 0 0-.567-5.316l-.001.001Zm-6.857 9.457a3.435 3.435 0 0 1-2.188-.781c.028-.015.076-.041.107-.06l3.633-2.07c.186-.104.3-.3.299-.51v-5.054l1.535.875a.053.053 0 0 1 .03.042v4.184c-.003 1.861-1.53 3.37-3.416 3.374Zm-7.344-3.096a3.321 3.321 0 0 1-.408-2.26l.108.064 3.632 2.07a.598.598 0 0 0 .597 0l4.434-2.527v1.75a.056.056 0 0 1-.021.046l-3.672 2.092c-1.635.93-3.724.377-4.67-1.235Zm-.957-7.824a3.396 3.396 0 0 1 1.78-1.479l-.002.124v4.14a.582.582 0 0 0 .298.51l4.435 2.527-1.536.874a.055.055 0 0 1-.051.005L5.906 13.51a3.353 3.353 0 0 1-1.251-4.606Zm12.614 2.897-4.435-2.527L14.37 8.4a.055.055 0 0 1 .051-.005l3.673 2.092a3.35 3.35 0 0 1 1.25 4.61 3.406 3.406 0 0 1-1.778 1.478V12.31a.58.58 0 0 0-.297-.51Zm1.528-2.27a5.022 5.022 0 0 0-.108-.063l-3.633-2.07a.598.598 0 0 0-.596 0l-4.435 2.527v-1.75a.056.056 0 0 1 .022-.046l3.671-2.09c1.636-.932 3.727-.378 4.67 1.237.398.681.543 1.48.407 2.255h.002ZM9.19 12.65l-1.535-.874a.053.053 0 0 1-.03-.042V7.55c.001-1.863 1.533-3.373 3.421-3.372.799 0 1.572.277 2.186.78a2.563 2.563 0 0 0-.108.06L9.49 7.088a.58.58 0 0 0-.298.51l-.003 5.051v.001Zm.834-1.774L12 9.75l1.975 1.125v2.25L12 14.25l-1.976-1.125v-2.25Z" })),
32589
+ React.createElement("defs", null,
32590
+ React.createElement("clipPath", { id: "Gpt3_svg__a" },
32591
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32592
+
32593
+ var SvgGpt4 = 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),
32594
+ React.createElement("g", { clipPath: "url(#Gpt4_svg__a)" },
32595
+ React.createElement("rect", { width: 24, height: 24, fill: "#A26BF7", rx: 4 }),
32596
+ React.createElement("path", { fill: "#fff", d: "M19.813 10.367a4.432 4.432 0 0 0-.39-3.683c-.996-1.71-2.997-2.59-4.95-2.176A4.574 4.574 0 0 0 11.043 3c-1.997-.004-3.77 1.265-4.384 3.14a4.543 4.543 0 0 0-3.04 2.175 4.49 4.49 0 0 0 .566 5.318 4.432 4.432 0 0 0 .39 3.684c.996 1.71 2.997 2.59 4.951 2.175A4.57 4.57 0 0 0 12.955 21c1.999.005 3.772-1.265 4.386-3.142a4.543 4.543 0 0 0 3.04-2.176 4.49 4.49 0 0 0-.567-5.316l-.001.001Zm-6.857 9.457a3.435 3.435 0 0 1-2.188-.781c.028-.015.076-.041.107-.06l3.633-2.07c.186-.104.3-.3.299-.51v-5.054l1.535.875a.053.053 0 0 1 .03.042v4.184c-.003 1.861-1.53 3.37-3.416 3.374Zm-7.344-3.096a3.321 3.321 0 0 1-.408-2.26l.108.064 3.632 2.07a.598.598 0 0 0 .597 0l4.434-2.527v1.75a.056.056 0 0 1-.021.046l-3.672 2.092c-1.635.93-3.724.377-4.67-1.235Zm-.957-7.824a3.396 3.396 0 0 1 1.78-1.479l-.002.124v4.14a.582.582 0 0 0 .298.51l4.435 2.527-1.536.874a.055.055 0 0 1-.051.005L5.906 13.51a3.353 3.353 0 0 1-1.251-4.606Zm12.614 2.897-4.435-2.527L14.37 8.4a.055.055 0 0 1 .051-.005l3.673 2.092a3.35 3.35 0 0 1 1.25 4.61 3.406 3.406 0 0 1-1.778 1.478V12.31a.58.58 0 0 0-.297-.51Zm1.528-2.27a5.022 5.022 0 0 0-.108-.063l-3.633-2.07a.598.598 0 0 0-.596 0l-4.435 2.527v-1.75a.056.056 0 0 1 .022-.046l3.671-2.09c1.636-.932 3.727-.378 4.67 1.237.398.681.543 1.48.407 2.255h.002ZM9.19 12.65l-1.535-.874a.053.053 0 0 1-.03-.042V7.55c.001-1.863 1.533-3.373 3.421-3.372.799 0 1.572.277 2.186.78a2.563 2.563 0 0 0-.108.06L9.49 7.088a.58.58 0 0 0-.298.51l-.003 5.051v.001Zm.834-1.774L12 9.75l1.975 1.125v2.25L12 14.25l-1.976-1.125v-2.25Z" })),
32597
+ React.createElement("defs", null,
32598
+ React.createElement("clipPath", { id: "Gpt4_svg__a" },
32599
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32600
+
32601
+ var SvgHuggingFace = 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),
32602
+ React.createElement("path", { fill: "#FFD21E", d: "M11.936 19.386a7.577 7.577 0 0 0 5.432-2.313 8.012 8.012 0 0 0 2.25-5.584c0-2.095-.81-4.104-2.25-5.585a7.577 7.577 0 0 0-5.432-2.313 7.576 7.576 0 0 0-5.432 2.313 8.012 8.012 0 0 0-2.25 5.585c0 2.094.81 4.103 2.25 5.584a7.577 7.577 0 0 0 5.432 2.313Z" }),
32603
+ React.createElement("path", { fill: "#FF9D0B", d: "M19.617 11.489c0-2.095-.809-4.104-2.25-5.585a7.576 7.576 0 0 0-5.431-2.313 7.576 7.576 0 0 0-5.432 2.313 8.012 8.012 0 0 0-2.25 5.585c0 2.094.81 4.103 2.25 5.584a7.577 7.577 0 0 0 5.432 2.313 7.577 7.577 0 0 0 5.432-2.313 8.012 8.012 0 0 0 2.25-5.584Zm-16.247 0c0-1.157.222-2.302.652-3.37A8.827 8.827 0 0 1 5.88 5.26a8.554 8.554 0 0 1 2.779-1.909 8.363 8.363 0 0 1 6.556 0 8.554 8.554 0 0 1 2.779 1.91 8.828 8.828 0 0 1 1.857 2.856 9.024 9.024 0 0 1 .652 3.37 8.934 8.934 0 0 1-2.51 6.228 8.449 8.449 0 0 1-6.056 2.58 8.449 8.449 0 0 1-6.057-2.58 8.934 8.934 0 0 1-2.509-6.227Z" }),
32604
+ React.createElement("path", { fill: "#3A3B45", d: "M14.432 9.34c.282.1.393.696.678.542.193-.106.352-.267.455-.465a1.164 1.164 0 0 0-.117-1.257 1.104 1.104 0 0 0-.532-.368 1.077 1.077 0 0 0-.642-.002c-.21.065-.395.192-.535.365a1.163 1.163 0 0 0-.123 1.256c.135.262.564-.163.818-.072l-.002.002Zm-5.206 0c-.283.1-.396.696-.679.542a1.121 1.121 0 0 1-.455-.465A1.163 1.163 0 0 1 8.21 8.16c.138-.175.324-.303.533-.368.209-.066.432-.067.642-.002.209.065.395.192.534.365a1.163 1.163 0 0 1 .123 1.256c-.134.262-.565-.163-.817-.072l.002.002Z" }),
32605
+ React.createElement("path", { fill: "#FF323D", d: "M11.88 14.793c2.174 0 2.874-1.99 2.874-3.013 0-.532-.347-.364-.904-.082-.515.261-1.207.622-1.967.622-1.59 0-2.874-1.563-2.874-.54 0 1.022.699 3.013 2.874 3.013h-.002Z" }),
32606
+ React.createElement("path", { fill: "#3A3B45", fillRule: "evenodd", d: "M10.216 14.273c.117-.244.281-.46.483-.636.201-.176.436-.306.689-.385.088-.027.179.13.274.291.088.155.181.312.274.312.1 0 .199-.155.294-.307.1-.16.197-.314.292-.284.475.155.871.495 1.105.947.824-.668 1.127-1.759 1.127-2.431 0-.532-.347-.364-.904-.082l-.03.016c-.511.261-1.192.606-1.94.606-.747 0-1.425-.345-1.938-.606-.575-.293-.935-.478-.935.066 0 .693.323 1.831 1.21 2.493Z", clipRule: "evenodd" }),
32607
+ React.createElement("path", { fill: "#FF9D0B", d: "M17.13 10.41c.191 0 .374-.079.509-.217a.75.75 0 0 0 0-1.045.708.708 0 0 0-1.016 0 .75.75 0 0 0 0 1.045.708.708 0 0 0 .508.216Zm-10.278 0c.19 0 .373-.079.508-.217a.75.75 0 0 0 0-1.045.709.709 0 0 0-1.016 0 .75.75 0 0 0 0 1.045.709.709 0 0 0 .508.216Zm-1.48 2.5c-.357 0-.676.15-.899.424a1.38 1.38 0 0 0-.294.855 1.531 1.531 0 0 0-.429-.069c-.342 0-.652.135-.87.378a1.348 1.348 0 0 0-.177 1.59 1.21 1.21 0 0 0-.396.642 1.36 1.36 0 0 0 .177 1.077 1.21 1.21 0 0 0-.082 1.14c.225.528.79.942 1.883 1.387.679.277 1.302.455 1.307.457.787.224 1.599.346 2.416.364 1.295 0 2.221-.41 2.754-1.214.858-1.293.736-2.477-.376-3.618-.612-.632-1.02-1.562-1.105-1.766-.172-.605-.628-1.277-1.382-1.277-.2.003-.397.055-.574.152a1.273 1.273 0 0 0-.442.407c-.221-.287-.438-.512-.633-.641-.26-.18-.564-.281-.877-.289Zm0 .908c.114 0 .253.05.403.148.473.309 1.382 1.916 1.716 2.54.11.21.302.299.473.299.342 0 .607-.348.033-.791-.867-.666-.564-1.755-.15-1.82.017-.005.037-.005.052-.005.376 0 .542.666.542.666s.486 1.254 1.322 2.113c.833.857.878 1.546.27 2.462-.416.625-1.21.813-2.025.813-.842 0-1.709-.204-2.193-.332-.024-.006-2.973-.863-2.6-1.59.062-.123.166-.173.297-.173.526 0 1.48.804 1.894.804.09 0 .155-.038.184-.136.174-.648-2.666-.92-2.428-1.857.045-.166.157-.232.319-.232.694 0 2.254 1.257 2.582 1.257.024 0 .044-.007.053-.023.163-.272.073-.463-1.084-1.181-1.151-.719-1.962-1.15-1.503-1.666a.283.283 0 0 1 .221-.087c.701 0 2.357 1.55 2.357 1.55s.446.478.718.478a.16.16 0 0 0 .15-.087c.19-.332-1.781-1.868-1.892-2.502-.075-.432.053-.648.29-.648Z" }),
32608
+ React.createElement("path", { fill: "#FFD21E", d: "M10.033 19.43c.607-.919.563-1.607-.27-2.464-.836-.857-1.322-2.114-1.322-2.114s-.181-.727-.595-.659c-.413.068-.716 1.155.15 1.82.865.666-.172 1.119-.505.494-.332-.625-1.243-2.232-1.716-2.541-.47-.307-.802-.136-.692.5.11.634 2.085 2.17 1.892 2.5-.192.334-.868-.389-.868-.389s-2.116-1.98-2.578-1.463c-.46.515.352.947 1.503 1.665 1.157.719 1.247.91 1.084 1.182-.166.273-2.715-1.938-2.954-1-.238.934 2.602 1.205 2.427 1.853-.176.647-2.002-1.223-2.374-.496-.375.73 2.576 1.586 2.6 1.593.95.255 3.371.793 4.218-.482Z" }),
32609
+ React.createElement("path", { fill: "#FF9D0B", d: "M18.61 12.91c.358 0 .678.15.9.424.19.242.293.544.293.855.14-.044.285-.067.431-.069.343 0 .652.135.871.378a1.349 1.349 0 0 1 .177 1.59c.195.165.333.39.393.642.053.204.107.636-.176 1.077a1.209 1.209 0 0 1 .081 1.14c-.225.528-.789.942-1.88 1.387-.682.277-1.305.455-1.31.457-.787.224-1.599.346-2.415.363-1.296 0-2.222-.409-2.755-1.213-.857-1.293-.736-2.477.376-3.618.614-.632 1.024-1.562 1.107-1.766.173-.605.626-1.277 1.38-1.277.2.003.397.055.574.152.177.098.329.237.443.407.22-.287.437-.512.634-.641.259-.18.563-.28.875-.289Zm0 .908c-.113 0-.25.05-.403.148-.47.309-1.381 1.916-1.715 2.54a.547.547 0 0 1-.197.217.525.525 0 0 1-.276.082c-.34 0-.608-.348-.031-.791.864-.666.561-1.755.148-1.82a.326.326 0 0 0-.053-.005c-.376 0-.542.665-.542.665s-.486 1.255-1.32 2.114c-.835.857-.88 1.546-.27 2.462.414.625 1.21.813 2.024.813.844 0 1.708-.204 2.195-.332.022-.007 2.973-.863 2.6-1.59-.065-.123-.167-.173-.297-.173-.526 0-1.483.804-1.895.804-.092 0-.156-.038-.183-.136-.177-.648 2.664-.92 2.425-1.857-.042-.166-.155-.232-.318-.232-.694 0-2.255 1.257-2.582 1.257-.022 0-.042-.007-.051-.023-.164-.272-.075-.463 1.079-1.181 1.156-.719 1.967-1.15 1.503-1.666-.051-.06-.126-.087-.217-.087-.703 0-2.358 1.55-2.358 1.55s-.447.477-.717.477a.16.16 0 0 1-.087-.02.166.166 0 0 1-.063-.066c-.192-.332 1.78-1.868 1.89-2.502.075-.432-.053-.648-.29-.648Z" }),
32610
+ React.createElement("path", { fill: "#FFD21E", d: "M13.952 19.43c-.608-.919-.566-1.607.27-2.464.833-.857 1.32-2.114 1.32-2.114s.18-.727.596-.659c.411.068.714 1.155-.15 1.82-.867.666.172 1.119.504.494.334-.625 1.244-2.232 1.715-2.541.471-.307.805-.136.692.5-.11.634-2.082 2.17-1.89 2.5.19.334.867-.389.867-.389s2.117-1.98 2.577-1.463c.46.515-.35.947-1.503 1.665-1.156.719-1.245.91-1.083 1.182.165.273 2.714-1.938 2.953-1 .239.934-2.6 1.205-2.425 1.853.177.647 2-1.223 2.374-.496.374.73-2.575 1.586-2.6 1.593-.952.255-3.373.793-4.217-.482Z" }))); };
32611
+
32612
+ var SvgMicrosoft = 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),
32613
+ React.createElement("path", { fill: "#F25022", d: "M3 3h8.5v8.5H3z" }),
32614
+ React.createElement("path", { fill: "#00A4EF", d: "M3 12.5h8.5V21H3z" }),
32615
+ React.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
32616
+ React.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
32617
+
32618
+ var SvgNotion = 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),
32619
+ React.createElement("path", { fill: "#fff", d: "m3.203 2.863 11.067-.818c1.36-.116 1.709-.038 2.563.584l3.533 2.488c.583.428.777.545.777 1.01v13.65c0 .855-.311 1.36-1.398 1.438l-12.852.778c-.816.039-1.204-.078-1.632-.622L2.66 17.988c-.467-.623-.66-1.089-.66-1.633V4.223c0-.7.31-1.283 1.203-1.36Z" }),
32620
+ React.createElement("path", { fill: "#000", fillRule: "evenodd", d: "m14.27 2.045-11.067.818C2.311 2.94 2 3.523 2 4.223v12.132c0 .544.193 1.01.66 1.633l2.601 3.383c.428.544.816.661 1.632.622l12.852-.778c1.086-.077 1.398-.583 1.398-1.438V6.128c0-.442-.175-.57-.689-.947l-3.62-2.552c-.855-.622-1.205-.7-2.564-.584Zm-7.086 3.86c-1.05.07-1.287.086-1.883-.398L3.785 4.3c-.154-.156-.076-.35.312-.389l10.638-.777c.894-.078 1.359.233 1.708.505l1.825 1.322c.078.04.272.272.039.272L7.32 5.895l-.136.01ZM5.961 19.66V8.073c0-.506.155-.739.62-.778L19.2 6.556c.428-.039.621.233.621.739v11.509c0 .506-.078.934-.776.973l-12.076.7c-.698.038-1.008-.194-1.008-.817ZM17.88 8.695c.077.35 0 .7-.35.74l-.582.115v8.555c-.506.272-.971.427-1.36.427-.621 0-.776-.195-1.242-.777l-3.806-5.988v5.793l1.204.273s0 .7-.971.7l-2.678.155c-.078-.156 0-.545.271-.622l.7-.194v-7.66l-.971-.079c-.078-.35.116-.855.66-.894l2.873-.194 3.96 6.066V9.745l-1.009-.116c-.078-.429.233-.74.62-.778l2.68-.156Z", clipRule: "evenodd" }))); };
32621
+
32622
+ var SvgReplicate = 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),
32623
+ React.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
32624
+ React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32625
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M18.76 5v1.576H7.765V19H6V5h12.76Zm0 2.989v1.576h-7.661V19H9.332V7.989h9.428Zm0 4.564v-1.585h-6.095V19h1.766v-6.447h4.329Z", clipRule: "evenodd" })),
32626
+ React.createElement("defs", null,
32627
+ React.createElement("clipPath", { id: "Replicate_svg__a" },
32628
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32629
+
32630
+ var SvgSlack = 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),
32631
+ React.createElement("path", { fill: "#E01E5A", d: "M6.216 14.643a2.1 2.1 0 1 1-4.2 0 2.1 2.1 0 0 1 2.1-2.102h2.1v2.102Zm1.05 0a2.1 2.1 0 1 1 4.201 0v5.255A2.099 2.099 0 0 1 9.367 22c-1.162 0-2.1-.94-2.1-2.102v-5.255Z" }),
32632
+ React.createElement("path", { fill: "#36C5F0", d: "M9.367 6.204a2.1 2.1 0 0 1-2.1-2.102 2.1 2.1 0 1 1 4.2 0v2.102h-2.1Zm0 1.067a2.1 2.1 0 0 1 2.1 2.102 2.1 2.1 0 0 1-2.1 2.102H4.1A2.1 2.1 0 0 1 2 9.373 2.1 2.1 0 0 1 4.1 7.27h5.267Z" }),
32633
+ React.createElement("path", { fill: "#2EB67D", d: "M17.784 9.373a2.099 2.099 0 1 1 4.2 0 2.099 2.099 0 0 1-2.1 2.102h-2.1V9.373Zm-1.05 0a2.099 2.099 0 1 1-4.201 0V4.102a2.099 2.099 0 1 1 4.2 0v5.27Z" }),
32634
+ React.createElement("path", { fill: "#ECB22E", d: "M14.633 17.796c1.162 0 2.1.94 2.1 2.102a2.099 2.099 0 1 1-4.2 0v-2.102h2.1Zm0-1.05c-1.161 0-2.1-.94-2.1-2.103a2.1 2.1 0 0 1 2.1-2.102H19.9a2.1 2.1 0 0 1 2.1 2.102 2.099 2.099 0 0 1-2.1 2.102h-5.267Z" }))); };
32635
+
32636
+ 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, SvgDash$1 as DashIcon, SvgDash as DashStrokeIcon, 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, Input, 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, Tree, 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 };
32570
32637
  //# sourceMappingURL=index.js.map