@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/cjs/index.js CHANGED
@@ -48,7 +48,7 @@ function styleInject(css, ref) {
48
48
  }
49
49
  }
50
50
 
51
- var css_248z = ".s-pointer-events-none {\n pointer-events: none\n}\n.s-fixed {\n position: fixed\n}\n.s-absolute {\n position: absolute\n}\n.s-relative {\n position: relative\n}\n.s-inset-0 {\n inset: 0px\n}\n.s-bottom-6 {\n bottom: 1.5rem\n}\n.s-bottom-full {\n bottom: 100%\n}\n.s-left-0 {\n left: 0px\n}\n.s-left-1\\/2 {\n left: 50%\n}\n.s-right-0 {\n right: 0px\n}\n.s-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\n}\n.s-z-10 {\n z-index: 10\n}\n.s-z-30 {\n z-index: 30\n}\n.s-z-50 {\n z-index: 50\n}\n.s-m-0 {\n margin: 0px\n}\n.s-m-px {\n margin: 1px\n}\n.-s-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}";
51
+ var css_248z = ".s-pointer-events-none {\n pointer-events: none\n}\n.s-fixed {\n position: fixed\n}\n.s-absolute {\n position: absolute\n}\n.s-relative {\n position: relative\n}\n.s-inset-0 {\n inset: 0px\n}\n.s-bottom-6 {\n bottom: 1.5rem\n}\n.s-bottom-full {\n bottom: 100%\n}\n.s-left-0 {\n left: 0px\n}\n.s-left-1\\/2 {\n left: 50%\n}\n.s-right-0 {\n right: 0px\n}\n.s-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\n}\n.s-z-10 {\n z-index: 10\n}\n.s-z-30 {\n z-index: 30\n}\n.s-z-50 {\n z-index: 50\n}\n.s-m-0 {\n margin: 0px\n}\n.s-m-px {\n margin: 1px\n}\n.-s-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}";
52
52
  styleInject(css_248z);
53
53
 
54
54
  var aLink = function (_a) {
@@ -197,6 +197,9 @@ var SvgCommandLine$1 = function (props) { return (React__namespace.createElement
197
197
  var SvgCube$1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
198
198
  React__namespace.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" }))); };
199
199
 
200
+ var SvgDash$1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
201
+ React__namespace.createElement("path", { fill: "currentColor", d: "M18 10.5v3H6v-3h12Z" }))); };
202
+
200
203
  var SvgDocumentDuplicate$1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
201
204
  React__namespace.createElement("path", { fill: "currentColor", d: "M13 6v4h4l-4-4Z" }),
202
205
  React__namespace.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" }))); };
@@ -315,6 +318,88 @@ function classNames() {
315
318
  return classes.filter(Boolean).join(" ");
316
319
  }
317
320
 
321
+ var colors = [
322
+ "s-bg-red-300",
323
+ "s-bg-orange-300",
324
+ "s-bg-amber-300",
325
+ "s-bg-yellow-300",
326
+ "s-bg-lime-300",
327
+ "s-bg-green-300",
328
+ "s-bg-emerald-300",
329
+ "s-bg-teal-300",
330
+ "s-bg-cyan-300",
331
+ "s-bg-sky-300",
332
+ "s-bg-blue-300",
333
+ "s-bg-indigo-300",
334
+ "s-bg-violet-300",
335
+ "s-bg-purple-300",
336
+ "s-bg-fuchsia-300",
337
+ "s-bg-rose-300",
338
+ ];
339
+ var txtColors = [
340
+ "s-text-red-700",
341
+ "s-text-orange-700",
342
+ "s-text-amber-700",
343
+ "s-text-yellow-700",
344
+ "s-text-lime-700",
345
+ "s-text-green-700",
346
+ "s-text-emerald-700",
347
+ "s-text-teal-700",
348
+ "s-text-cyan-700",
349
+ "s-text-sky-700",
350
+ "s-text-blue-700",
351
+ "s-text-indigo-700",
352
+ "s-text-violet-700",
353
+ "s-text-purple-700",
354
+ "s-text-fuchsia-700",
355
+ "s-text-rose-700",
356
+ ];
357
+ var sizeClasses$4 = {
358
+ xs: "s-h-6 s-w-6",
359
+ sm: "s-h-8 s-w-8",
360
+ md: "s-h-10 s-w-10",
361
+ lg: "s-h-16 s-w-16",
362
+ xl: "s-h-36 s-w-36",
363
+ };
364
+ var roundedClasses = {
365
+ xs: "s-rounded-full",
366
+ sm: "s-rounded-lg",
367
+ md: "s-rounded-xl",
368
+ lg: "s-rounded-2xl",
369
+ xl: "s-rounded-3xl",
370
+ };
371
+ var textSize = {
372
+ xs: "s-text-xs",
373
+ sm: "s-text-sm",
374
+ md: "s-text-base",
375
+ lg: "s-text-3xl",
376
+ xl: "s-text-7xl",
377
+ };
378
+ function Avatar(_a) {
379
+ 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;
380
+ var getColor = function (name) {
381
+ var hash = 0;
382
+ for (var i = 0; i < name.length; i++) {
383
+ hash = name.charCodeAt(i) + ((hash << 5) - hash);
384
+ }
385
+ return colors[Math.abs(hash) % colors.length];
386
+ };
387
+ var getTextVariant = function (name) {
388
+ var hash = 0;
389
+ for (var i = 0; i < name.length; i++) {
390
+ hash = name.charCodeAt(i) + ((hash << 5) - hash);
391
+ }
392
+ return txtColors[Math.abs(hash) % txtColors.length];
393
+ };
394
+ var clickableStyles = onClick && !busy
395
+ ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
396
+ : "";
397
+ var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
398
+ 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);
399
+ return (React.createElement("div", { className: avatarClass }, typeof visual === "string" ? (React.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$4[size], "s-object-cover") })) : visual ? (visual) : name ? (React.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, name[0].toUpperCase())) : (React.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }) // Default icon with size and slate-900 color
400
+ )));
401
+ }
402
+
318
403
  var IconSizes = {
319
404
  xs: "s-h-4 s-w-4",
320
405
  sm: "s-h-5 s-w-5",
@@ -358,10 +443,20 @@ function Tooltip(_a) {
358
443
  React.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, tooltipPositionClasses, tooltipCenterClasses), onAnimationEnd: function () { return setIsHovered(false); } }, label)));
359
444
  }
360
445
 
361
- var sizeClasses$4 = {
362
- xs: "s-gap-x-1 s-px-3 s-py-1.5 s-text-xs s-font-semibold",
363
- sm: "s-gap-x-1 s-px-4 s-py-2 s-text-sm s-font-semibold",
364
- md: "s-gap-x-1.5 s-px-5 s-py-3 s-text-base s-font-bold",
446
+ var textClasses = {
447
+ xs: "s-text-xs s-font-semibold",
448
+ sm: "s-text-sm s-font-semibold",
449
+ md: "s-text-base s-font-bold",
450
+ };
451
+ var sizeClasses$3 = {
452
+ xs: "s-gap-x-1 s-px-3 s-py-1.5",
453
+ sm: "s-gap-x-1 s-px-4 s-py-2",
454
+ md: "s-gap-x-1.5 s-px-5 s-py-3",
455
+ };
456
+ var sizeAvatarClasses = {
457
+ xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
458
+ sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
459
+ md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
365
460
  };
366
461
  var containerClasses = {
367
462
  xs: "s-px-0.5",
@@ -429,19 +524,32 @@ var variantClasses = {
429
524
  disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
430
525
  },
431
526
  },
527
+ avatar: {
528
+ base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
529
+ hover: "hover:s-bg-action-50 hover:s-border-action-200",
530
+ active: "active:s-bg-action-100 active:s-border-action-500",
531
+ disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
532
+ dark: {
533
+ base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
534
+ hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
535
+ active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
536
+ disabled: "dark:s-text-action-500-dark dark:s-border-structure-200-dark dark:s-bg-structure-0-dark",
537
+ },
538
+ },
432
539
  };
433
540
  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";
434
541
  function Button(_a) {
435
542
  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
436
- 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;
437
- 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);
543
+ 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;
544
+ 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);
438
545
  var finalContainerClasses = classNames(containerClasses[size]);
439
- return labelVisible ? (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
546
+ var buttonBase = (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
440
547
  icon && React.createElement(Icon, { visual: icon, size: size }),
441
- React.createElement("div", { className: finalContainerClasses }, label),
548
+ avatar && React.createElement(Avatar, { size: size, visual: avatar, isRounded: true }),
549
+ labelVisible ? (React.createElement("div", { className: finalContainerClasses }, label)) : null,
442
550
  type === "menu" && (React.createElement(Icon, { className: "s-opacity-50", visual: SvgChevronDown$1, size: size })),
443
- type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size })))) : (React.createElement(Tooltip, { label: label, position: tooltipPosition },
444
- React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label }, icon && React.createElement(Icon, { visual: icon, size: size }))));
551
+ type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size }))));
552
+ return labelVisible ? (buttonBase) : (React.createElement(Tooltip, { label: label, position: tooltipPosition }, buttonBase));
445
553
  }
446
554
  Button.List = function (_a) {
447
555
  var children = _a.children, className = _a.className;
@@ -450,7 +558,7 @@ Button.List = function (_a) {
450
558
  };
451
559
 
452
560
  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";
453
- var sizeClasses$3 = {
561
+ var sizeClasses$2 = {
454
562
  sm: "s-h-6 s-w-11",
455
563
  md: "s-h-8 s-w-14",
456
564
  };
@@ -470,7 +578,7 @@ var stateClasses$1 = {
470
578
  };
471
579
  function SliderToggle(_a) {
472
580
  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;
473
- 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 : "");
581
+ 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 : "");
474
582
  var SliderToggleContent = (React.createElement("div", { onClick: function (e) {
475
583
  if (!disabled) {
476
584
  onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
@@ -556,81 +664,6 @@ function Tab(_a) {
556
664
  React.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
557
665
  }
558
666
 
559
- var colors = [
560
- "s-bg-red-300",
561
- "s-bg-orange-300",
562
- "s-bg-amber-300",
563
- "s-bg-yellow-300",
564
- "s-bg-lime-300",
565
- "s-bg-green-300",
566
- "s-bg-emerald-300",
567
- "s-bg-teal-300",
568
- "s-bg-cyan-300",
569
- "s-bg-sky-300",
570
- "s-bg-blue-300",
571
- "s-bg-indigo-300",
572
- "s-bg-violet-300",
573
- "s-bg-purple-300",
574
- "s-bg-fuchsia-300",
575
- "s-bg-rose-300",
576
- ];
577
- var txtColors = [
578
- "s-text-red-700",
579
- "s-text-orange-700",
580
- "s-text-amber-700",
581
- "s-text-yellow-700",
582
- "s-text-lime-700",
583
- "s-text-green-700",
584
- "s-text-emerald-700",
585
- "s-text-teal-700",
586
- "s-text-cyan-700",
587
- "s-text-sky-700",
588
- "s-text-blue-700",
589
- "s-text-indigo-700",
590
- "s-text-violet-700",
591
- "s-text-purple-700",
592
- "s-text-fuchsia-700",
593
- "s-text-rose-700",
594
- ];
595
- var sizeClasses$2 = {
596
- xs: "s-h-6 s-w-6 s-rounded-full",
597
- sm: "s-h-10 s-w-10 s-rounded-xl",
598
- md: "s-h-16 s-w-16 s-rounded-2xl",
599
- lg: "s-h-36 s-w-36 s-rounded-3xl",
600
- full: "s-h-full s-w-full",
601
- };
602
- var textSize = {
603
- xs: "s-text-xs",
604
- sm: "s-text-base",
605
- md: "s-text-3xl",
606
- lg: "s-text-7xl",
607
- full: "s-text-6xl",
608
- };
609
- function Avatar(_a) {
610
- 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;
611
- var getColor = function (name) {
612
- var hash = 0;
613
- for (var i = 0; i < name.length; i++) {
614
- hash = name.charCodeAt(i) + ((hash << 5) - hash);
615
- }
616
- return colors[Math.abs(hash) % colors.length];
617
- };
618
- var getTextVariant = function (name) {
619
- var hash = 0;
620
- for (var i = 0; i < name.length; i++) {
621
- hash = name.charCodeAt(i) + ((hash << 5) - hash);
622
- }
623
- return txtColors[Math.abs(hash) % txtColors.length];
624
- };
625
- var clickableStyles = onClick && !busy
626
- ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
627
- : "";
628
- var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
629
- 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);
630
- return (React.createElement("div", { className: avatarClass }, typeof visual === "string" ? (React.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$2[size], "s-object-cover") })) : visual ? (visual) : name ? (React.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, name[0].toUpperCase())) : (React.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }) // Default icon with size and slate-900 color
631
- )));
632
- }
633
-
634
667
  var sizeClasses$1 = {
635
668
  sm: "s-py-2 s-text-sm s-font-normal",
636
669
  md: "s-py-3 s-text-sm s-font-semibold",
@@ -32100,31 +32133,37 @@ function Logo(_a) {
32100
32133
  }
32101
32134
 
32102
32135
  function Checkbox(_a) {
32103
- var checked = _a.checked, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? "" : _b, disabled = _a.disabled, partialChecked = _a.partialChecked;
32136
+ 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;
32104
32137
  var baseStyleClasses = {
32105
- 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",
32138
+ 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",
32139
+ idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
32106
32140
  hover: "hover:s-border-action-500 hover:s-bg-action-200",
32141
+ disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
32107
32142
  dark: {
32108
32143
  base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
32109
32144
  hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
32145
+ disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
32110
32146
  },
32111
32147
  };
32112
32148
  var checkedIndicatorClasses = {
32113
- base: "s-h-3 s-w-3 s-rounded s-transition-opacity s-duration-200 s-ease-in-out",
32149
+ base: "s-transition s-duration-300 s-ease-in-out",
32114
32150
  selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
32115
32151
  unselected: "s-opacity-0",
32116
- partial: "s-opacity-100 s-bg-element-600 dark:s-bg-element-600-dark",
32152
+ partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
32153
+ disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
32117
32154
  };
32118
- var combinedBaseClasses = classNames(baseStyleClasses.base, baseStyleClasses.hover, baseStyleClasses.dark.base, baseStyleClasses.dark.hover, className, disabled ? "s-opacity-50" : "");
32119
- var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, checked
32155
+ 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);
32156
+ var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", checked && !partialChecked && !disabled
32120
32157
  ? checkedIndicatorClasses.selected
32121
- : partialChecked
32122
- ? checkedIndicatorClasses.partial
32123
- : checkedIndicatorClasses.unselected);
32124
- return (React.createElement("label", { className: "s-cursor-pointer" },
32158
+ : "", checked && partialChecked && !disabled
32159
+ ? checkedIndicatorClasses.partialChecked
32160
+ : "", !checked && !disabled ? checkedIndicatorClasses.unselected : "");
32161
+ return (React.createElement("label", null,
32125
32162
  React.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
32126
- React.createElement("div", { className: combinedBaseClasses },
32127
- React.createElement("div", { className: combinedCheckedIndicatorClasses }))));
32163
+ React.createElement("div", { className: classNames(combinedBaseClasses, "s-relative s-text-white") },
32164
+ React.createElement("div", { className: combinedCheckedIndicatorClasses, style: { width: "14px", height: "14px", borderRadius: "3px" } }),
32165
+ variant === "checkable" && (React.createElement("div", { className: "s-absolute" },
32166
+ React.createElement(Icon, { visual: partialChecked ? SvgDash$1 : SvgCheck$1, size: "xs" }))))));
32128
32167
  }
32129
32168
 
32130
32169
  var baseClasses$1 = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
@@ -32187,226 +32226,21 @@ function IconButton(_a) {
32187
32226
  return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
32188
32227
  }
32189
32228
 
32190
- var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
32191
- var iconClasses = {
32192
- secondary: {
32193
- idle: "s-text-element-900",
32194
- selected: "s-text-action-500",
32195
- hover: "hover:s-text-action-400",
32196
- active: "active:s-text-action-600",
32197
- disabled: "s-text-element-500",
32198
- dark: {
32199
- idle: "dark:s-text-element-900-dark",
32200
- selected: "dark:s-text-action-500-dark",
32201
- hover: "dark:hover:s-text-action-500-dark",
32202
- active: "dark:active:s-text-action-600-dark",
32203
- disabled: "dark:s-text-element-500-dark",
32204
- },
32205
- },
32206
- tertiary: {
32207
- idle: "s-text-element-600",
32208
- selected: "s-text-action-500",
32209
- hover: "hover:s-text-action-400",
32210
- active: "active:s-text-action-600",
32211
- disabled: "s-text-element-500",
32212
- dark: {
32213
- idle: "dark:s-text-element-600-dark",
32214
- selected: "dark:s-text-action-500-dark",
32215
- hover: "dark:hover:s-text-action-500-dark",
32216
- active: "dark:active:s-text-action-600-dark",
32217
- disabled: "dark:s-text-element-500-dark",
32218
- },
32219
- },
32220
- };
32221
- function IconToggleButton(_a) {
32222
- 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;
32223
- var iconGroup = iconClasses[variant];
32224
- var finalIconClasses = classNames(className, baseClasses, disabled
32225
- ? iconGroup.disabled
32226
- : selected
32227
- ? iconGroup.selected
32228
- : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
32229
- ? iconGroup.dark.disabled
32230
- : selected
32231
- ? iconGroup.dark.selected
32232
- : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
32233
- var IconButtonToggleContent = (React.createElement("button", { className: finalIconClasses, onClick: function (e) {
32234
- if (!disabled) {
32235
- onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
32236
- }
32237
- }, disabled: disabled }, icon && (React.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
32238
- return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
32239
- }
32240
-
32241
- function Modal(_a) {
32242
- 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;
32243
- var buttonBarProps = hasChanged
32244
- ? {
32245
- variant: "validate",
32246
- onCancel: onClose,
32247
- onSave: onSave,
32248
- }
32249
- : {
32250
- variant: "close",
32251
- onClose: onClose,
32252
- };
32253
- return (React.createElement(tt.Root, { show: isOpen, as: React.Fragment },
32254
- React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onClose },
32255
- React.createElement(tt.Child, { as: React.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" },
32256
- React.createElement("div", { className: "s-fixed s-inset-0 s-bg-gray-500 s-bg-opacity-75 s-transition-opacity" })),
32257
- React.createElement("div", { className: "s-fixed s-inset-0 s-z-50 s-overflow-y-auto" },
32258
- React.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") },
32259
- React.createElement(tt.Child, { as: React.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" },
32260
- React.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
32261
- ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
32262
- : "s-max-w-2xl lg:s-w-1/2") },
32263
- React.createElement(BarHeader, { title: title || "", rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
32264
- React.createElement("div", { className: "s-pt-8 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
32265
- }
32229
+ var SvgArrowDownCircle = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32230
+ React__namespace.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" }))); };
32266
32231
 
32267
- function Input(_a) {
32268
- 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;
32269
- return (React.createElement("div", { className: "flex flex-col" },
32270
- React.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
32271
- ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
32272
- : "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) {
32273
- onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
32274
- }, "data-1p-ignore": !isPassword, disabled: disabled }),
32275
- React.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
32276
- }
32232
+ var SvgArrowDownOnSquare = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32233
+ React__namespace.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" }))); };
32277
32234
 
32278
- var SvgLogoHorizontalColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32279
- React__namespace.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
32280
- React__namespace.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" }),
32281
- React__namespace.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" }),
32282
- React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32283
- React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
32284
- React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
32285
- React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
32235
+ var SvgArrowPath = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32236
+ React__namespace.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" }))); };
32286
32237
 
32287
- var SvgLogoHorizontalDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32288
- React__namespace.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" }),
32289
- React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32238
+ var SvgArrowUpOnSquare = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32239
+ React__namespace.createElement("path", { fill: "currentColor", d: "m7 8 5-5 5 5h-4v7h-2V8H7Z" }),
32240
+ React__namespace.createElement("path", { fill: "currentColor", d: "M20 19H4v-7H2v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8h-2v7Z" }))); };
32290
32241
 
32291
- var SvgLogoHorizontalWhite = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32292
- React__namespace.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" }),
32293
- React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32294
-
32295
- var SvgLogoSquareColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32296
- React__namespace.createElement("path", { fill: "#FCD34D", d: "M36 36H24v12h12V36Z" }),
32297
- React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
32298
- React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
32299
- React__namespace.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" }),
32300
- React__namespace.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" }),
32301
- React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32302
- React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
32303
-
32304
- var SvgLogoSquareDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32305
- React__namespace.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" }),
32306
- React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32307
-
32308
- var SvgLogoSquareWhite = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32309
- React__namespace.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" }),
32310
- React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32311
-
32312
- var SvgAi21 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32313
- React__namespace.createElement("g", { clipPath: "url(#Ai21_svg__a)" },
32314
- React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32315
- React__namespace.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" })),
32316
- React__namespace.createElement("defs", null,
32317
- React__namespace.createElement("clipPath", { id: "Ai21_svg__a" },
32318
- React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32319
-
32320
- var SvgClaude = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32321
- React__namespace.createElement("g", { clipPath: "url(#Claude_svg__a)" },
32322
- React__namespace.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
32323
- React__namespace.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" })),
32324
- React__namespace.createElement("defs", null,
32325
- React__namespace.createElement("clipPath", { id: "Claude_svg__a" },
32326
- React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32327
-
32328
- var SvgCohere = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32329
- React__namespace.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" }),
32330
- React__namespace.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" }),
32331
- React__namespace.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" }))); };
32332
-
32333
- var SvgDrive = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32334
- React__namespace.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" }),
32335
- React__namespace.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" }),
32336
- React__namespace.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" }),
32337
- React__namespace.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" }),
32338
- React__namespace.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" }),
32339
- React__namespace.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" }))); };
32340
-
32341
- var SvgGithub = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32342
- React__namespace.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" }))); };
32343
-
32344
- var SvgGpt3 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32345
- React__namespace.createElement("g", { clipPath: "url(#Gpt3_svg__a)" },
32346
- React__namespace.createElement("rect", { width: 24, height: 24, fill: "#6DB9A6", rx: 4 }),
32347
- React__namespace.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" })),
32348
- React__namespace.createElement("defs", null,
32349
- React__namespace.createElement("clipPath", { id: "Gpt3_svg__a" },
32350
- React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32351
-
32352
- var SvgGpt4 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32353
- React__namespace.createElement("g", { clipPath: "url(#Gpt4_svg__a)" },
32354
- React__namespace.createElement("rect", { width: 24, height: 24, fill: "#A26BF7", rx: 4 }),
32355
- React__namespace.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" })),
32356
- React__namespace.createElement("defs", null,
32357
- React__namespace.createElement("clipPath", { id: "Gpt4_svg__a" },
32358
- React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32359
-
32360
- var SvgHuggingFace = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32361
- React__namespace.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" }),
32362
- React__namespace.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" }),
32363
- React__namespace.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" }),
32364
- React__namespace.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" }),
32365
- React__namespace.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" }),
32366
- React__namespace.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" }),
32367
- React__namespace.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" }),
32368
- React__namespace.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" }),
32369
- React__namespace.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" }))); };
32370
-
32371
- var SvgMicrosoft = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32372
- React__namespace.createElement("path", { fill: "#F25022", d: "M3 3h8.5v8.5H3z" }),
32373
- React__namespace.createElement("path", { fill: "#00A4EF", d: "M3 12.5h8.5V21H3z" }),
32374
- React__namespace.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
32375
- React__namespace.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
32376
-
32377
- var SvgNotion = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32378
- React__namespace.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" }),
32379
- React__namespace.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" }))); };
32380
-
32381
- var SvgReplicate = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32382
- React__namespace.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
32383
- React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32384
- React__namespace.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" })),
32385
- React__namespace.createElement("defs", null,
32386
- React__namespace.createElement("clipPath", { id: "Replicate_svg__a" },
32387
- React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32388
-
32389
- var SvgSlack = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32390
- React__namespace.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" }),
32391
- React__namespace.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" }),
32392
- React__namespace.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" }),
32393
- React__namespace.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" }))); };
32394
-
32395
- var SvgArrowDownCircle = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32396
- React__namespace.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" }))); };
32397
-
32398
- var SvgArrowDownOnSquare = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32399
- React__namespace.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" }))); };
32400
-
32401
- var SvgArrowPath = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32402
- React__namespace.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" }))); };
32403
-
32404
- var SvgArrowUpOnSquare = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32405
- React__namespace.createElement("path", { fill: "currentColor", d: "m7 8 5-5 5 5h-4v7h-2V8H7Z" }),
32406
- React__namespace.createElement("path", { fill: "currentColor", d: "M20 19H4v-7H2v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8h-2v7Z" }))); };
32407
-
32408
- var SvgAttachment = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32409
- React__namespace.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" }))); };
32242
+ var SvgAttachment = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32243
+ React__namespace.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" }))); };
32410
32244
 
32411
32245
  var SvgBackspace = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32412
32246
  React__namespace.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" }))); };
@@ -32476,6 +32310,9 @@ var SvgCommandLine = function (props) { return (React__namespace.createElement("
32476
32310
  var SvgCube = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32477
32311
  React__namespace.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" }))); };
32478
32312
 
32313
+ var SvgDash = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32314
+ React__namespace.createElement("path", { fill: "currentColor", d: "M18 11v2H6v-2h12Z" }))); };
32315
+
32479
32316
  var SvgDocumentDuplicate = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32480
32317
  React__namespace.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" }))); };
32481
32318
 
@@ -32586,6 +32423,235 @@ var SvgXCircle = function (props) { return (React__namespace.createElement("svg"
32586
32423
  var SvgXMark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32587
32424
  React__namespace.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" }))); };
32588
32425
 
32426
+ function Tree(_a) {
32427
+ var children = _a.children, isLoading = _a.isLoading;
32428
+ return isLoading ? (React.createElement("div", { className: "s-py-2 s-pl-4" },
32429
+ React.createElement(Spinner, { size: "sm" }))) : (React.createElement("div", { className: "s-flex s-flex-col s-gap-1" }, children));
32430
+ }
32431
+ var visualTable = {
32432
+ file: SvgDocumentText,
32433
+ folder: SvgFolderOpen,
32434
+ database: SvgSquare3Stack3D,
32435
+ channel: SvgChatBubbleBottomCenterText,
32436
+ };
32437
+ Tree.Item = function (_a) {
32438
+ 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;
32439
+ return (React.createElement(React.Fragment, null,
32440
+ React.createElement("div", { className: classNames(className ? className : "", "s-flex s-flex-row s-items-center s-gap-4 s-py-1") },
32441
+ type === "node" && (React.createElement(IconButton, { icon: children ? SvgChevronDown : SvgChevronRight, size: "sm", variant: "secondary" })),
32442
+ React.createElement(Checkbox, { variant: "checkable", checked: false, onChange: function () { return console.log("click"); } }),
32443
+ React.createElement("div", { className: "s-flex s-items-center s-gap-1.5 s-text-sm s-font-medium s-text-element-900" },
32444
+ React.createElement(Icon, { visual: visualTable[variant], size: "sm", className: "s-text-element-700" }),
32445
+ label)),
32446
+ React.Children.count(children) > 0 && (React.createElement("div", { className: "s-flex s-pl-5" },
32447
+ React.createElement(Tree, null, children)))));
32448
+ };
32449
+
32450
+ var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
32451
+ var iconClasses = {
32452
+ secondary: {
32453
+ idle: "s-text-element-900",
32454
+ selected: "s-text-action-500",
32455
+ hover: "hover:s-text-action-400",
32456
+ active: "active:s-text-action-600",
32457
+ disabled: "s-text-element-500",
32458
+ dark: {
32459
+ idle: "dark:s-text-element-900-dark",
32460
+ selected: "dark:s-text-action-500-dark",
32461
+ hover: "dark:hover:s-text-action-500-dark",
32462
+ active: "dark:active:s-text-action-600-dark",
32463
+ disabled: "dark:s-text-element-500-dark",
32464
+ },
32465
+ },
32466
+ tertiary: {
32467
+ idle: "s-text-element-600",
32468
+ selected: "s-text-action-500",
32469
+ hover: "hover:s-text-action-400",
32470
+ active: "active:s-text-action-600",
32471
+ disabled: "s-text-element-500",
32472
+ dark: {
32473
+ idle: "dark:s-text-element-600-dark",
32474
+ selected: "dark:s-text-action-500-dark",
32475
+ hover: "dark:hover:s-text-action-500-dark",
32476
+ active: "dark:active:s-text-action-600-dark",
32477
+ disabled: "dark:s-text-element-500-dark",
32478
+ },
32479
+ },
32480
+ };
32481
+ function IconToggleButton(_a) {
32482
+ 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;
32483
+ var iconGroup = iconClasses[variant];
32484
+ var finalIconClasses = classNames(className, baseClasses, disabled
32485
+ ? iconGroup.disabled
32486
+ : selected
32487
+ ? iconGroup.selected
32488
+ : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
32489
+ ? iconGroup.dark.disabled
32490
+ : selected
32491
+ ? iconGroup.dark.selected
32492
+ : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
32493
+ var IconButtonToggleContent = (React.createElement("button", { className: finalIconClasses, onClick: function (e) {
32494
+ if (!disabled) {
32495
+ onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
32496
+ }
32497
+ }, disabled: disabled }, icon && (React.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
32498
+ return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
32499
+ }
32500
+
32501
+ function Modal(_a) {
32502
+ 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;
32503
+ var buttonBarProps = hasChanged
32504
+ ? {
32505
+ variant: "validate",
32506
+ onCancel: onClose,
32507
+ onSave: onSave,
32508
+ }
32509
+ : {
32510
+ variant: "close",
32511
+ onClose: onClose,
32512
+ };
32513
+ return (React.createElement(tt.Root, { show: isOpen, as: React.Fragment },
32514
+ React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onClose },
32515
+ React.createElement(tt.Child, { as: React.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" },
32516
+ React.createElement("div", { className: "s-fixed s-inset-0 s-bg-gray-500 s-bg-opacity-75 s-transition-opacity" })),
32517
+ React.createElement("div", { className: "s-fixed s-inset-0 s-z-50 s-overflow-y-auto" },
32518
+ React.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") },
32519
+ React.createElement(tt.Child, { as: React.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" },
32520
+ React.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
32521
+ ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
32522
+ : "s-max-w-2xl lg:s-w-1/2") },
32523
+ React.createElement(BarHeader, { title: title || "", rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
32524
+ React.createElement("div", { className: "s-pt-8 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
32525
+ }
32526
+
32527
+ function Input(_a) {
32528
+ 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;
32529
+ return (React.createElement("div", { className: "flex flex-col" },
32530
+ React.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
32531
+ ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
32532
+ : "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) {
32533
+ onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
32534
+ }, "data-1p-ignore": !isPassword, disabled: disabled }),
32535
+ React.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
32536
+ }
32537
+
32538
+ var SvgLogoHorizontalColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32539
+ React__namespace.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
32540
+ React__namespace.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
32541
+ React__namespace.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
32542
+ React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32543
+ React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
32544
+ React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
32545
+ React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
32546
+
32547
+ var SvgLogoHorizontalDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32548
+ React__namespace.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" }),
32549
+ React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32550
+
32551
+ var SvgLogoHorizontalWhite = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
32552
+ React__namespace.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" }),
32553
+ React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
32554
+
32555
+ var SvgLogoSquareColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32556
+ React__namespace.createElement("path", { fill: "#FCD34D", d: "M36 36H24v12h12V36Z" }),
32557
+ React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
32558
+ React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
32559
+ React__namespace.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" }),
32560
+ React__namespace.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" }),
32561
+ React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
32562
+ React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
32563
+
32564
+ var SvgLogoSquareDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32565
+ React__namespace.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" }),
32566
+ React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32567
+
32568
+ var SvgLogoSquareWhite = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
32569
+ React__namespace.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" }),
32570
+ React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
32571
+
32572
+ var SvgAi21 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32573
+ React__namespace.createElement("g", { clipPath: "url(#Ai21_svg__a)" },
32574
+ React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32575
+ React__namespace.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" })),
32576
+ React__namespace.createElement("defs", null,
32577
+ React__namespace.createElement("clipPath", { id: "Ai21_svg__a" },
32578
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32579
+
32580
+ var SvgClaude = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32581
+ React__namespace.createElement("g", { clipPath: "url(#Claude_svg__a)" },
32582
+ React__namespace.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
32583
+ React__namespace.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" })),
32584
+ React__namespace.createElement("defs", null,
32585
+ React__namespace.createElement("clipPath", { id: "Claude_svg__a" },
32586
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32587
+
32588
+ var SvgCohere = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32589
+ React__namespace.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" }),
32590
+ React__namespace.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" }),
32591
+ React__namespace.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" }))); };
32592
+
32593
+ var SvgDrive = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32594
+ React__namespace.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" }),
32595
+ React__namespace.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" }),
32596
+ React__namespace.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" }),
32597
+ React__namespace.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" }),
32598
+ React__namespace.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" }),
32599
+ React__namespace.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" }))); };
32600
+
32601
+ var SvgGithub = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32602
+ React__namespace.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" }))); };
32603
+
32604
+ var SvgGpt3 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32605
+ React__namespace.createElement("g", { clipPath: "url(#Gpt3_svg__a)" },
32606
+ React__namespace.createElement("rect", { width: 24, height: 24, fill: "#6DB9A6", rx: 4 }),
32607
+ React__namespace.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" })),
32608
+ React__namespace.createElement("defs", null,
32609
+ React__namespace.createElement("clipPath", { id: "Gpt3_svg__a" },
32610
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32611
+
32612
+ var SvgGpt4 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32613
+ React__namespace.createElement("g", { clipPath: "url(#Gpt4_svg__a)" },
32614
+ React__namespace.createElement("rect", { width: 24, height: 24, fill: "#A26BF7", rx: 4 }),
32615
+ React__namespace.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" })),
32616
+ React__namespace.createElement("defs", null,
32617
+ React__namespace.createElement("clipPath", { id: "Gpt4_svg__a" },
32618
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32619
+
32620
+ var SvgHuggingFace = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32621
+ React__namespace.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" }),
32622
+ React__namespace.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" }),
32623
+ React__namespace.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" }),
32624
+ React__namespace.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" }),
32625
+ React__namespace.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" }),
32626
+ React__namespace.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" }),
32627
+ React__namespace.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" }),
32628
+ React__namespace.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" }),
32629
+ React__namespace.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" }))); };
32630
+
32631
+ var SvgMicrosoft = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32632
+ React__namespace.createElement("path", { fill: "#F25022", d: "M3 3h8.5v8.5H3z" }),
32633
+ React__namespace.createElement("path", { fill: "#00A4EF", d: "M3 12.5h8.5V21H3z" }),
32634
+ React__namespace.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
32635
+ React__namespace.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
32636
+
32637
+ var SvgNotion = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32638
+ React__namespace.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" }),
32639
+ React__namespace.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" }))); };
32640
+
32641
+ var SvgReplicate = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32642
+ React__namespace.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
32643
+ React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
32644
+ React__namespace.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" })),
32645
+ React__namespace.createElement("defs", null,
32646
+ React__namespace.createElement("clipPath", { id: "Replicate_svg__a" },
32647
+ React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
32648
+
32649
+ var SvgSlack = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
32650
+ React__namespace.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" }),
32651
+ React__namespace.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" }),
32652
+ React__namespace.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" }),
32653
+ React__namespace.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" }))); };
32654
+
32589
32655
  exports.Ai21Logo = SvgAi21;
32590
32656
  exports.ArrowDownCircleIcon = SvgArrowDownCircle$1;
32591
32657
  exports.ArrowDownCircleStrokeIcon = SvgArrowDownCircle;
@@ -32647,6 +32713,8 @@ exports.CommandLineStrokeIcon = SvgCommandLine;
32647
32713
  exports.ContextItem = ContextItem;
32648
32714
  exports.CubeIcon = SvgCube$1;
32649
32715
  exports.CubeStrokeIcon = SvgCube;
32716
+ exports.DashIcon = SvgDash$1;
32717
+ exports.DashStrokeIcon = SvgDash;
32650
32718
  exports.DocumentDuplicateIcon = SvgDocumentDuplicate$1;
32651
32719
  exports.DocumentDuplicateStrokeIcon = SvgDocumentDuplicate;
32652
32720
  exports.DocumentPlusIcon = SvgDocumentPlus$1;
@@ -32739,6 +32807,7 @@ exports.TestTubeStrokeIcon = SvgTestTube;
32739
32807
  exports.Tooltip = Tooltip;
32740
32808
  exports.TrashIcon = SvgTrash$1;
32741
32809
  exports.TrashStrokeIcon = SvgTrash;
32810
+ exports.Tree = Tree;
32742
32811
  exports.UserGroupIcon = SvgUserGroup$1;
32743
32812
  exports.UserGroupStrokeIcon = SvgUserGroup;
32744
32813
  exports.UserIcon = SvgUser$1;