@dust-tt/sparkle 0.1.72 → 0.1.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/_index.d.ts +6 -4
  2. package/dist/cjs/components/Avatar.d.ts +3 -2
  3. package/dist/cjs/components/Button.d.ts +3 -2
  4. package/dist/cjs/components/Checkbox.d.ts +4 -3
  5. package/dist/cjs/components/Tree.d.ts +16 -0
  6. package/dist/cjs/icons/solid/Dash.d.ts +4 -0
  7. package/dist/cjs/icons/solid/index.d.ts +1 -0
  8. package/dist/cjs/icons/stroke/Dash.d.ts +4 -0
  9. package/dist/cjs/icons/stroke/index.d.ts +1 -0
  10. package/dist/cjs/index.js +385 -316
  11. package/dist/cjs/index.js.map +1 -1
  12. package/dist/cjs/stories/Checkbox.stories.d.ts +1 -0
  13. package/dist/cjs/stories/Tree.stories.d.ts +8 -0
  14. package/dist/esm/_index.d.ts +6 -4
  15. package/dist/esm/components/Avatar.d.ts +3 -2
  16. package/dist/esm/components/Button.d.ts +3 -2
  17. package/dist/esm/components/Checkbox.d.ts +4 -3
  18. package/dist/esm/components/Tree.d.ts +16 -0
  19. package/dist/esm/icons/solid/Dash.d.ts +4 -0
  20. package/dist/esm/icons/solid/index.d.ts +1 -0
  21. package/dist/esm/icons/stroke/Dash.d.ts +4 -0
  22. package/dist/esm/icons/stroke/index.d.ts +1 -0
  23. package/dist/esm/index.js +383 -317
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/esm/stories/Checkbox.stories.d.ts +1 -0
  26. package/dist/esm/stories/Tree.stories.d.ts +8 -0
  27. package/dist/tsconfig.tsbuildinfo +1 -1
  28. package/package.json +1 -1
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-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",
@@ -338,10 +423,20 @@ function Tooltip(_a) {
338
423
  React__default.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, tooltipPositionClasses, tooltipCenterClasses), onAnimationEnd: function () { return setIsHovered(false); } }, label)));
339
424
  }
340
425
 
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",
426
+ var textClasses = {
427
+ xs: "s-text-xs s-font-semibold",
428
+ sm: "s-text-sm s-font-semibold",
429
+ md: "s-text-base s-font-bold",
430
+ };
431
+ var sizeClasses$3 = {
432
+ xs: "s-gap-x-1 s-px-3 s-py-1.5",
433
+ sm: "s-gap-x-1 s-px-4 s-py-2",
434
+ md: "s-gap-x-1.5 s-px-5 s-py-3",
435
+ };
436
+ var sizeAvatarClasses = {
437
+ xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
438
+ sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
439
+ md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
345
440
  };
346
441
  var containerClasses = {
347
442
  xs: "s-px-0.5",
@@ -409,19 +504,32 @@ var variantClasses = {
409
504
  disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
410
505
  },
411
506
  },
507
+ avatar: {
508
+ base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
509
+ hover: "hover:s-bg-action-50 hover:s-border-action-200",
510
+ active: "active:s-bg-action-100 active:s-border-action-500",
511
+ disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
512
+ dark: {
513
+ base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
514
+ hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
515
+ active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
516
+ disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
517
+ },
518
+ },
412
519
  };
413
520
  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
521
  function Button(_a) {
415
522
  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);
523
+ 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;
524
+ 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
525
  var finalContainerClasses = classNames(containerClasses[size]);
419
- return labelVisible ? (React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
526
+ var buttonBase = (React__default.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
420
527
  icon && React__default.createElement(Icon, { visual: icon, size: size }),
421
- React__default.createElement("div", { className: finalContainerClasses }, label),
528
+ avatar && React__default.createElement(Avatar, { size: size, visual: avatar, isRounded: true }),
529
+ labelVisible ? (React__default.createElement("div", { className: finalContainerClasses }, label)) : null,
422
530
  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 }))));
531
+ type === "select" && (React__default.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size }))));
532
+ return labelVisible ? (buttonBase) : (React__default.createElement(Tooltip, { label: label, position: tooltipPosition }, buttonBase));
425
533
  }
426
534
  Button.List = function (_a) {
427
535
  var children = _a.children, className = _a.className;
@@ -430,7 +538,7 @@ Button.List = function (_a) {
430
538
  };
431
539
 
432
540
  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 = {
541
+ var sizeClasses$2 = {
434
542
  sm: "s-h-6 s-w-11",
435
543
  md: "s-h-8 s-w-14",
436
544
  };
@@ -450,7 +558,7 @@ var stateClasses$1 = {
450
558
  };
451
559
  function SliderToggle(_a) {
452
560
  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 : "");
561
+ 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
562
  var SliderToggleContent = (React__default.createElement("div", { onClick: function (e) {
455
563
  if (!disabled) {
456
564
  onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
@@ -536,81 +644,6 @@ function Tab(_a) {
536
644
  React__default.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
537
645
  }
538
646
 
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
647
  var sizeClasses$1 = {
615
648
  sm: "s-py-2 s-text-sm s-font-normal",
616
649
  md: "s-py-3 s-text-sm s-font-semibold",
@@ -32080,31 +32113,37 @@ function Logo(_a) {
32080
32113
  }
32081
32114
 
32082
32115
  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;
32116
+ 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
32117
  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",
32118
+ 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",
32119
+ idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
32086
32120
  hover: "hover:s-border-action-500 hover:s-bg-action-200",
32121
+ disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
32087
32122
  dark: {
32088
32123
  base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
32089
32124
  hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
32125
+ disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
32090
32126
  },
32091
32127
  };
32092
32128
  var checkedIndicatorClasses = {
32093
- base: "s-h-3 s-w-3 s-rounded s-transition-opacity s-duration-200 s-ease-in-out",
32129
+ base: "s-transition s-duration-300 s-ease-in-out",
32094
32130
  selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
32095
32131
  unselected: "s-opacity-0",
32096
- partial: "s-opacity-100 s-bg-element-600 dark:s-bg-element-600-dark",
32132
+ partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
32133
+ disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
32097
32134
  };
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
32135
+ 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);
32136
+ var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", checked && !partialChecked && !disabled
32100
32137
  ? checkedIndicatorClasses.selected
32101
- : partialChecked
32102
- ? checkedIndicatorClasses.partial
32103
- : checkedIndicatorClasses.unselected);
32104
- return (React__default.createElement("label", { className: "s-cursor-pointer" },
32138
+ : "", checked && partialChecked && !disabled
32139
+ ? checkedIndicatorClasses.partialChecked
32140
+ : "", !checked && !disabled ? checkedIndicatorClasses.unselected : "");
32141
+ return (React__default.createElement("label", null,
32105
32142
  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 }))));
32143
+ React__default.createElement("div", { className: classNames(combinedBaseClasses, "s-relative s-text-white") },
32144
+ React__default.createElement("div", { className: combinedCheckedIndicatorClasses, style: { width: "14px", height: "14px", borderRadius: "3px" } }),
32145
+ variant === "checkable" && (React__default.createElement("div", { className: "s-absolute" },
32146
+ React__default.createElement(Icon, { visual: partialChecked ? SvgDash$1 : SvgCheck$1, size: "xs" }))))));
32108
32147
  }
32109
32148
 
32110
32149
  var baseClasses$1 = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
@@ -32167,226 +32206,21 @@ function IconButton(_a) {
32167
32206
  return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
32168
32207
  }
32169
32208
 
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
- }
32209
+ 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),
32210
+ 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
32211
 
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
- }
32212
+ 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),
32213
+ 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
32214
 
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" }))); };
32215
+ 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),
32216
+ 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
32217
 
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" }))); };
32218
+ 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),
32219
+ React.createElement("path", { fill: "currentColor", d: "m7 8 5-5 5 5h-4v7h-2V8H7Z" }),
32220
+ React.createElement("path", { fill: "currentColor", d: "M20 19H4v-7H2v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8h-2v7Z" }))); };
32270
32221
 
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" }))); };
32222
+ 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),
32223
+ 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
32224
 
32391
32225
  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
32226
  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 +32290,9 @@ var SvgCommandLine = function (props) { return (React.createElement("svg", __ass
32456
32290
  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
32291
  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
32292
 
32293
+ 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),
32294
+ React.createElement("path", { fill: "currentColor", d: "M18 11v2H6v-2h12Z" }))); };
32295
+
32459
32296
  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
32297
  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
32298
 
@@ -32566,5 +32403,234 @@ var SvgXCircle = function (props) { return (React.createElement("svg", __assign(
32566
32403
  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
32404
  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
32405
 
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 };
32406
+ function Tree(_a) {
32407
+ var children = _a.children, isLoading = _a.isLoading;
32408
+ return isLoading ? (React__default.createElement("div", { className: "s-py-2 s-pl-4" },
32409
+ React__default.createElement(Spinner, { size: "sm" }))) : (React__default.createElement("div", { className: "s-flex s-flex-col s-gap-1" }, children));
32410
+ }
32411
+ var visualTable = {
32412
+ file: SvgDocumentText,
32413
+ folder: SvgFolderOpen,
32414
+ database: SvgSquare3Stack3D,
32415
+ channel: SvgChatBubbleBottomCenterText,
32416
+ };
32417
+ Tree.Item = function (_a) {
32418
+ 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;
32419
+ return (React__default.createElement(React__default.Fragment, null,
32420
+ React__default.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-row s-items-center s-gap-4 s-py-1") },
32421
+ type === "node" && (React__default.createElement(IconButton, { icon: children ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary" })),
32422
+ React__default.createElement(Checkbox, { variant: "checkable", checked: false, onChange: function () { return console.log("click"); } }),
32423
+ React__default.createElement("div", { className: "s-flex s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
32424
+ React__default.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-text-element-700" }),
32425
+ label)),
32426
+ React__default.Children.count(children) > 0 && (React__default.createElement("div", { className: "s-flex s-pl-5" },
32427
+ React__default.createElement(Tree, null, children)))));
32428
+ };
32429
+
32430
+ var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
32431
+ var iconClasses = {
32432
+ secondary: {
32433
+ idle: "s-text-element-900",
32434
+ selected: "s-text-action-500",
32435
+ hover: "hover:s-text-action-400",
32436
+ active: "active:s-text-action-600",
32437
+ disabled: "s-text-element-500",
32438
+ dark: {
32439
+ idle: "dark:s-text-element-900-dark",
32440
+ selected: "dark:s-text-action-500-dark",
32441
+ hover: "dark:hover:s-text-action-500-dark",
32442
+ active: "dark:active:s-text-action-600-dark",
32443
+ disabled: "dark:s-text-element-500-dark",
32444
+ },
32445
+ },
32446
+ tertiary: {
32447
+ idle: "s-text-element-600",
32448
+ selected: "s-text-action-500",
32449
+ hover: "hover:s-text-action-400",
32450
+ active: "active:s-text-action-600",
32451
+ disabled: "s-text-element-500",
32452
+ dark: {
32453
+ idle: "dark:s-text-element-600-dark",
32454
+ selected: "dark:s-text-action-500-dark",
32455
+ hover: "dark:hover:s-text-action-500-dark",
32456
+ active: "dark:active:s-text-action-600-dark",
32457
+ disabled: "dark:s-text-element-500-dark",
32458
+ },
32459
+ },
32460
+ };
32461
+ function IconToggleButton(_a) {
32462
+ 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;
32463
+ var iconGroup = iconClasses[variant];
32464
+ var finalIconClasses = classNames(className, baseClasses, disabled
32465
+ ? iconGroup.disabled
32466
+ : selected
32467
+ ? iconGroup.selected
32468
+ : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
32469
+ ? iconGroup.dark.disabled
32470
+ : selected
32471
+ ? iconGroup.dark.selected
32472
+ : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
32473
+ var IconButtonToggleContent = (React__default.createElement("button", { className: finalIconClasses, onClick: function (e) {
32474
+ if (!disabled) {
32475
+ onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
32476
+ }
32477
+ }, disabled: disabled }, icon && (React__default.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
32478
+ return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
32479
+ }
32480
+
32481
+ function Modal(_a) {
32482
+ 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;
32483
+ var buttonBarProps = hasChanged
32484
+ ? {
32485
+ variant: "validate",
32486
+ onCancel: onClose,
32487
+ onSave: onSave,
32488
+ }
32489
+ : {
32490
+ variant: "close",
32491
+ onClose: onClose,
32492
+ };
32493
+ return (React__default.createElement(tt.Root, { show: isOpen, as: Fragment },
32494
+ React__default.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onClose },
32495
+ 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" },
32496
+ React__default.createElement("div", { className: "s-fixed s-inset-0 s-bg-gray-500 s-bg-opacity-75 s-transition-opacity" })),
32497
+ React__default.createElement("div", { className: "s-fixed s-inset-0 s-z-50 s-overflow-y-auto" },
32498
+ 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") },
32499
+ 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" },
32500
+ 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
32501
+ ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
32502
+ : "s-max-w-2xl lg:s-w-1/2") },
32503
+ React__default.createElement(BarHeader, { title: title || "", rightActions: React__default.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
32504
+ React__default.createElement("div", { className: "s-pt-8 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
32505
+ }
32506
+
32507
+ function Input(_a) {
32508
+ 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;
32509
+ return (React__default.createElement("div", { className: "flex flex-col" },
32510
+ 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
32511
+ ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
32512
+ : "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) {
32513
+ onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
32514
+ }, "data-1p-ignore": !isPassword, disabled: disabled }),
32515
+ React__default.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
32516
+ }
32517
+
32518
+ 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),
32519
+ React.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
32520
+ 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" }),
32521
+ 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" }),
32522
+ React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32523
+ React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
32524
+ React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
32525
+ React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
32526
+
32527
+ 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),
32528
+ 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" }),
32529
+ React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32530
+
32531
+ 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),
32532
+ 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" }),
32533
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32534
+
32535
+ 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),
32536
+ React.createElement("path", { fill: "#FCD34D", d: "M36 36H24v12h12V36Z" }),
32537
+ React.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
32538
+ React.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
32539
+ 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" }),
32540
+ 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" }),
32541
+ React.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32542
+ React.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
32543
+
32544
+ 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),
32545
+ 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" }),
32546
+ React.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32547
+
32548
+ 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),
32549
+ 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" }),
32550
+ React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32551
+
32552
+ 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),
32553
+ React.createElement("g", { clipPath: "url(#Ai21_svg__a)" },
32554
+ React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32555
+ 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" })),
32556
+ React.createElement("defs", null,
32557
+ React.createElement("clipPath", { id: "Ai21_svg__a" },
32558
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32559
+
32560
+ 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),
32561
+ React.createElement("g", { clipPath: "url(#Claude_svg__a)" },
32562
+ React.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
32563
+ 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" })),
32564
+ React.createElement("defs", null,
32565
+ React.createElement("clipPath", { id: "Claude_svg__a" },
32566
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32567
+
32568
+ 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),
32569
+ 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" }),
32570
+ 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" }),
32571
+ 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" }))); };
32572
+
32573
+ 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),
32574
+ 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" }),
32575
+ 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" }),
32576
+ 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" }),
32577
+ 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" }),
32578
+ 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" }),
32579
+ 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" }))); };
32580
+
32581
+ 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),
32582
+ 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" }))); };
32583
+
32584
+ 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),
32585
+ React.createElement("g", { clipPath: "url(#Gpt3_svg__a)" },
32586
+ React.createElement("rect", { width: 24, height: 24, fill: "#6DB9A6", rx: 4 }),
32587
+ 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" })),
32588
+ React.createElement("defs", null,
32589
+ React.createElement("clipPath", { id: "Gpt3_svg__a" },
32590
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32591
+
32592
+ 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),
32593
+ React.createElement("g", { clipPath: "url(#Gpt4_svg__a)" },
32594
+ React.createElement("rect", { width: 24, height: 24, fill: "#A26BF7", rx: 4 }),
32595
+ 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" })),
32596
+ React.createElement("defs", null,
32597
+ React.createElement("clipPath", { id: "Gpt4_svg__a" },
32598
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32599
+
32600
+ 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),
32601
+ 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" }),
32602
+ 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" }),
32603
+ 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" }),
32604
+ 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" }),
32605
+ 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" }),
32606
+ 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" }),
32607
+ 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" }),
32608
+ 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" }),
32609
+ 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" }))); };
32610
+
32611
+ 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),
32612
+ React.createElement("path", { fill: "#F25022", d: "M3 3h8.5v8.5H3z" }),
32613
+ React.createElement("path", { fill: "#00A4EF", d: "M3 12.5h8.5V21H3z" }),
32614
+ React.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
32615
+ React.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
32616
+
32617
+ 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),
32618
+ 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" }),
32619
+ 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" }))); };
32620
+
32621
+ 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),
32622
+ React.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
32623
+ React.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32624
+ 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" })),
32625
+ React.createElement("defs", null,
32626
+ React.createElement("clipPath", { id: "Replicate_svg__a" },
32627
+ React.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32628
+
32629
+ 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),
32630
+ 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" }),
32631
+ 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" }),
32632
+ 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" }),
32633
+ 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" }))); };
32634
+
32635
+ 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
32636
  //# sourceMappingURL=index.js.map