@konstructio/ui 0.0.12-alpha.1 → 0.0.12-alpha.3

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 (92) hide show
  1. package/dist/{Combination-BQYb0Gw7.js → Combination-b348x__d.js} +24 -24
  2. package/dist/{Modal-W2GbkC_F.js → Modal-ByNiP7eb.js} +316 -308
  3. package/dist/components/Alert/Alert.js +58 -0
  4. package/dist/components/Alert/Alert.variants.js +77 -0
  5. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  6. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  7. package/dist/components/AlertDialog/components/index.js +1 -1
  8. package/dist/components/Autocomplete/components/List/List.js +3 -3
  9. package/dist/components/Breadcrumb/Breadcrumb.js +3 -3
  10. package/dist/components/Breadcrumb/components/Item/Item.js +4 -4
  11. package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
  12. package/dist/components/Button/Button.js +1 -1
  13. package/dist/components/Card/Card.js +3 -3
  14. package/dist/components/Checkbox/Checkbox.js +5 -5
  15. package/dist/components/Command/Command.js +32 -0
  16. package/dist/components/Command/Command.variants.js +97 -0
  17. package/dist/components/Command/components/Command.js +8 -0
  18. package/dist/components/Command/components/CommandEmpty.js +15 -0
  19. package/dist/components/Command/components/CommandGroup.js +19 -0
  20. package/dist/components/Command/components/CommandInput.js +84 -0
  21. package/dist/components/Command/components/CommandItem.js +29 -0
  22. package/dist/components/Command/components/CommandList.js +16 -0
  23. package/dist/components/Command/components/CommandSeparator.js +16 -0
  24. package/dist/components/Command/components/CommandShortcut.js +19 -0
  25. package/dist/components/Command/components/DialogContent.js +31 -0
  26. package/dist/components/Command/components/DialogOverlay.js +19 -0
  27. package/dist/components/Command/components/index.js +20 -0
  28. package/dist/components/Command/contexts/Command.context.js +13 -0
  29. package/dist/components/Command/contexts/Command.provider.js +24 -0
  30. package/dist/components/Command/contexts/index.js +6 -0
  31. package/dist/components/Divider/Divider.js +10 -0
  32. package/dist/components/Divider/Divider.variants.js +14 -0
  33. package/dist/components/Loading/Loading.js +109 -0
  34. package/dist/components/Loading/Loading.variants.js +19 -0
  35. package/dist/components/Modal/Modal.js +2 -2
  36. package/dist/components/Modal/components/Body/Body.js +1 -1
  37. package/dist/components/Modal/components/Footer/Footer.js +1 -1
  38. package/dist/components/Modal/components/Header/Header.js +1 -1
  39. package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
  40. package/dist/components/Modal/components/index.js +1 -1
  41. package/dist/components/NumberInput/NumberInput.js +1 -1
  42. package/dist/components/ProgressBar/ProgressBar.js +3 -3
  43. package/dist/components/Radio/Radio.js +4 -4
  44. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  45. package/dist/components/Range/Range.js +4 -4
  46. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +3 -3
  47. package/dist/components/Slider/Slider.js +14 -14
  48. package/dist/components/Switch/Switch.js +17 -17
  49. package/dist/components/Tag/Tag.js +17 -5
  50. package/dist/components/Tag/Tag.variants.js +11 -1
  51. package/dist/components/TagSelect/TagSelect.js +6 -71
  52. package/dist/components/TagSelect/TagSelect.variants.js +29 -50
  53. package/dist/components/TagSelect/components/Item/Item.js +23 -0
  54. package/dist/components/TagSelect/components/Item/Item.variants.js +31 -0
  55. package/dist/components/TagSelect/components/List/List.js +13 -0
  56. package/dist/components/TagSelect/components/List/List.variants.js +37 -0
  57. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +88 -0
  58. package/dist/components/TagSelect/components/index.js +8 -0
  59. package/dist/components/TagSelect/contexts/TagSelect.context.js +19 -0
  60. package/dist/components/TagSelect/contexts/TagSelect.hook.js +11 -0
  61. package/dist/components/TagSelect/contexts/TagSelect.provider.js +69 -0
  62. package/dist/components/TagSelect/contexts/index.js +6 -0
  63. package/dist/components/TagSelect/hooks/useTagSelect.js +22 -27
  64. package/dist/components/Toast/Toast.js +11 -11
  65. package/dist/components/Tooltip/Tooltip.js +4 -4
  66. package/dist/components/Typography/Typography.js +31 -0
  67. package/dist/components/Typography/Typography.variants.js +63 -0
  68. package/dist/components/index.js +61 -53
  69. package/dist/{index-BxeV34ij.js → index-4ecjw_Aj.js} +1 -1
  70. package/dist/index-B_6_jmOO.js +68 -0
  71. package/dist/{index-BBjak_0p.js → index-BbsJ0VIJ.js} +2 -2
  72. package/dist/{index-CJsYodgi.js → index-BzaHYXkt.js} +9 -9
  73. package/dist/{index-KEdwcThH.js → index-CbTU3cnP.js} +1 -1
  74. package/dist/{index-8vgf-x5i.js → index-Cva-e5M4.js} +2 -2
  75. package/dist/index-CzSBQN5S.js +432 -0
  76. package/dist/index-D7QNmo_D.js +422 -0
  77. package/dist/index-DUA6Y_AE.js +126 -0
  78. package/dist/{index-CoqDsznq.js → index-D_76wh4w.js} +3 -3
  79. package/dist/{index-D4Q2rMby.js → index-Dj1pom3_.js} +2 -2
  80. package/dist/index-DyKo5ZJT.js +446 -0
  81. package/dist/index.d.ts +52 -3
  82. package/dist/index.js +76 -68
  83. package/dist/package.json +32 -29
  84. package/dist/plugins/konstruct.js +34 -31
  85. package/dist/plugins/utils/animation.styles.js +162 -0
  86. package/dist/plugins/utils/index.js +7 -0
  87. package/dist/styles.css +1 -1
  88. package/dist/{useBreadcrumb-CojbXFVD.js → useBreadcrumb-BsIeMoR1.js} +47 -47
  89. package/package.json +31 -29
  90. package/dist/index-1GLoikpT.js +0 -19134
  91. package/dist/index-BVppSRDQ.js +0 -551
  92. package/dist/index-DoOsnuB6.js +0 -72
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--viewport-padding: 25px}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-\[120\%\]{bottom:-120%}.-top-\[120\%\]{top:-120%}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-\[100\%\]{left:100%}.left-\[35\%\]{left:35%}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-1\.5{right:.375rem}.right-1\/2{right:50%}.right-2{right:.5rem}.right-\[100\%\]{right:100%}.right-\[50\%\]{right:50%}.right-full{right:100%}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.m-2{margin:.5rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.-mt-0\.5{margin-top:-.125rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.h-\[350px\]{height:350px}.h-full{height:100%}.max-h-\[250px\]{max-height:250px}.min-h-\[450px\]{min-height:450px}.w-0{width:0px}.w-11{width:2.75rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[15px\]{width:15px}.w-\[200px\]{width:200px}.w-\[256px\]{width:256px}.w-\[280px\]{width:280px}.w-\[2px\]{width:2px}.w-\[350px\]{width:350px}.w-\[390px\]{width:390px}.w-\[450px\]{width:450px}.w-full{width:100%}.w-max{width:max-content}.min-w-\[500px\]{min-width:500px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2,.translate-x-2\/4{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[40\%\]{--tw-translate-y: 40%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-move{animation:moveGradient 6s linear infinite}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-e-sm{border-start-end-radius:.125rem;border-end-end-radius:.125rem}.rounded-s-sm{border-start-start-radius:.125rem;border-end-start-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-none{border-style:none}.border-\[\#cbd5e0\]{--tw-border-opacity: 1;border-color:rgb(203 213 224 / var(--tw-border-opacity, 1))}.border-civo-primary{--tw-border-opacity: 1;border-color:rgb(35 157 255 / var(--tw-border-opacity, 1))}.border-colony-primary{--tw-border-opacity: 1;border-color:rgb(166 27 78 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-zinc-400{--tw-border-opacity: 1;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}.border-zinc-500{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-\[\#9ea2c6\]\/30{border-top-color:#9ea2c64d}.border-t-transparent{border-top-color:transparent}.bg-\[\#1e2235\]{--tw-bg-opacity: 1;background-color:rgb(30 34 53 / var(--tw-bg-opacity, 1))}.bg-\[\#252a41\]{--tw-bg-opacity: 1;background-color:rgb(37 42 65 / var(--tw-bg-opacity, 1))}.bg-\[\#81E2B4\]{--tw-bg-opacity: 1;background-color:rgb(129 226 180 / var(--tw-bg-opacity, 1))}.bg-\[\#dbeafe\]{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-\[\#dcfce7\]{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-\[\#e0e7ff\]{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-\[\#e0f2fe\]{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfccb\]{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfdf5\]{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfeff\]{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-\[\#ede9fe\]{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-\[\#f4f4f5\]{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-\[\#fce7f3\]{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-\[\#fdf4ff\]{--tw-bg-opacity: 1;background-color:rgb(253 244 255 / var(--tw-bg-opacity, 1))}.bg-\[\#fef3c7\]{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-\[\#fef9c3\]{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-civo-primary{--tw-bg-opacity: 1;background-color:rgb(35 157 255 / var(--tw-bg-opacity, 1))}.bg-colony-primary{--tw-bg-opacity: 1;background-color:rgb(166 27 78 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-kubefirst-dark-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 34 53 / var(--tw-bg-opacity, 1))}.bg-kubefirst-primary{--tw-bg-opacity: 1;background-color:rgb(136 81 200 / var(--tw-bg-opacity, 1))}.bg-kubefirst-secondary{--tw-bg-opacity: 1;background-color:rgb(112 55 174 / var(--tw-bg-opacity, 1))}.bg-metal-1000{--tw-bg-opacity: 1;background-color:rgb(117 140 159 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-kubefirst-gradient{background-image:linear-gradient(90deg,#81e2b4,#8851c8)}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.stroke-2{stroke-width:2}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[var\(--viewport-padding\)\]{padding:var(--viewport-padding)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-11{padding-bottom:2.75rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[22px\]{font-size:22px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-\[\#0369a1\]{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-\[\#047857\]{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-\[\#0e7490\]{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-\[\#15803d\]{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-\[\#1d4ed8\]{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-\[\#324154\]{--tw-text-opacity: 1;color:rgb(50 65 84 / var(--tw-text-opacity, 1))}.text-\[\#4338ca\]{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-\[\#4d7c0f\]{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-\[\#6d28d9\]{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-\[\#71717A\],.text-\[\#71717a\]{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-\[\#81e2b4\]{--tw-text-opacity: 1;color:rgb(129 226 180 / var(--tw-text-opacity, 1))}.text-\[\#9ea2c6\]{--tw-text-opacity: 1;color:rgb(158 162 198 / var(--tw-text-opacity, 1))}.text-\[\#a16207\]{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-\[\#a21caf\]{--tw-text-opacity: 1;color:rgb(162 28 175 / var(--tw-text-opacity, 1))}.text-\[\#abadc6\]{--tw-text-opacity: 1;color:rgb(171 173 198 / var(--tw-text-opacity, 1))}.text-\[\#be185d\]{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-\[\#d97706\]{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-civo-primary{--tw-text-opacity: 1;color:rgb(35 157 255 / var(--tw-text-opacity, 1))}.text-colony-primary{--tw-text-opacity: 1;color:rgb(166 27 78 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-kubefirst-primary{--tw-text-opacity: 1;color:rgb(136 81 200 / var(--tw-text-opacity, 1))}.text-kubefirst-secondary{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-kubefirst-primary{--tw-shadow-color: #8851c8;--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-200{--tw-shadow-color: #e9d5ff;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-200{--tw-shadow-color: #fecaca;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-400{--tw-shadow-color: #f87171;--tw-shadow: var(--tw-shadow-colored)}.shadow-slate-200{--tw-shadow-color: #e2e8f0;--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);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)}.filter{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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.\[-moz-appearance\:textfield\]{-moz-appearance:textfield}html{-webkit-font-smoothing:antialiased}body{font-family:Roboto,sans-serif}.selection\:bg-powder-500 *::selection{--tw-bg-opacity: 1;background-color:rgb(115 149 191 / var(--tw-bg-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-powder-500::selection{--tw-bg-opacity: 1;background-color:rgb(115 149 191 / var(--tw-bg-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-300::placeholder{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.before\:h-0:before{content:var(--tw-content);height:0px}.before\:w-0:before{content:var(--tw-content);width:0px}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-100:before{content:var(--tw-content);transition-duration:.1s}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.first\:mt-2:first-child{margin-top:.5rem}.last\:mb-2:last-child{margin-bottom:.5rem}.hover\:rounded-xl:hover{border-radius:.75rem}.hover\:border-\[\#d6dde6\]:hover{--tw-border-opacity: 1;border-color:rgb(214 221 230 / var(--tw-border-opacity, 1))}.hover\:border-civo-secondary:hover{--tw-border-opacity: 1;border-color:rgb(79 177 255 / var(--tw-border-opacity, 1))}.hover\:border-colony-secondary:hover{--tw-border-opacity: 1;border-color:rgb(211 34 99 / var(--tw-border-opacity, 1))}.hover\:border-kubefirst-secondary:hover{--tw-border-opacity: 1;border-color:rgb(112 55 174 / var(--tw-border-opacity, 1))}.hover\:border-red-700:hover{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-\[\#252a41\]:hover{--tw-bg-opacity: 1;background-color:rgb(37 42 65 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-civo-primary\/5:hover{background-color:#239dff0d}.hover\:bg-civo-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(79 177 255 / var(--tw-bg-opacity, 1))}.hover\:bg-colony-primary\/5:hover{background-color:#a61b4e0d}.hover\:bg-colony-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(211 34 99 / var(--tw-bg-opacity, 1))}.hover\:bg-kubefirst-primary\/5:hover{background-color:#8851c80d}.hover\:bg-kubefirst-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(112 55 174 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-50:hover{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#5d6776\]:hover{--tw-text-opacity: 1;color:rgb(93 103 118 / var(--tw-text-opacity, 1))}.hover\:text-civo-primary:hover{--tw-text-opacity: 1;color:rgb(35 157 255 / var(--tw-text-opacity, 1))}.hover\:text-colony-primary:hover{--tw-text-opacity: 1;color:rgb(166 27 78 / var(--tw-text-opacity, 1))}.hover\:text-colony-secondary:hover{--tw-text-opacity: 1;color:rgb(211 34 99 / var(--tw-text-opacity, 1))}.hover\:text-kubefirst-primary:hover{--tw-text-opacity: 1;color:rgb(136 81 200 / var(--tw-text-opacity, 1))}.hover\:text-kubefirst-secondary:hover{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.hover\:text-slate-500:hover{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:no-underline:hover{text-decoration-line:none}.focus\:bg-purple-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.focus\:bg-red-100:focus{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.focus\:shadow-md:focus{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:focus\:ring-red-400:focus:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.focus\:ring-kubefirst-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(136 81 200 / var(--tw-ring-opacity, 1))}.focus\:ring-red-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity, 1))}.focus-visible\:bg-purple-100:focus-visible{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-red-100:focus-visible{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color: transparent}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:rounded-sm{border-radius:.125rem}.group:focus-within .group-focus-within\:no-underline{text-decoration-line:none}.group:focus-within .group-focus-within\:outline{outline-style:solid}.group:focus-within .group-focus-within\:outline-8{outline-width:8px}.group:focus-within .group-focus-within\:outline-offset-4{outline-offset:4px}.group:focus-within .group-focus-within\:outline-slate-500{outline-color:#64748b}.group:hover .group-hover\:rounded-sm{border-radius:.125rem}.group:hover .group-hover\:border-civo-primary{--tw-border-opacity: 1;border-color:rgb(35 157 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-colony-primary{--tw-border-opacity: 1;border-color:rgb(166 27 78 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.group\/sidebar:hover .group-hover\/sidebar\:opacity-100{opacity:1}.peer:checked~.peer-checked\:border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:border-zinc-300{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:border-zinc-400{--tw-border-opacity: 1;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:before\:h-\[70\%\]:before{content:var(--tw-content);height:70%}.peer:checked~.peer-checked\:before\:w-\[70\%\]:before{content:var(--tw-content);width:70%}.peer:checked~.peer-checked\:before\:bg-kubefirst-primary:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(136 81 200 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:before\:bg-zinc-300:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:before\:bg-zinc-400:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.aria-expanded\:border-kubefirst-primary[aria-expanded=true]{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.aria-expanded\:border-red-400[aria-expanded=true]{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.aria-expanded\:text-kubefirst-secondary[aria-expanded=true]{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.aria-expanded\:text-red-400[aria-expanded=true]{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-4[data-swipe=move]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}@keyframes swipeOut{0%{transform:translate(0)}to{transform:translate(calc(100% + var(--viewport-padding)))}}.data-\[swipe\=end\]\:animate-swipe-out[data-swipe=end]{animation:swipeOut .15s cubic-bezier(.16,1,.3,1)}.data-\[state\=unchecked\]\:bg-zinc-200[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.lg\:overflow-hidden{overflow:hidden}}.\[\&\+span\]\:cursor-not-allowed+span{cursor:not-allowed}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\>img\]\:pt-3>*>img{padding-top:.75rem}.\[\&\>\*\>span\]\:absolute>*>span{position:absolute}.\[\&\>\*\>span\]\:bottom-0>*>span{bottom:0}.\[\&\>\*\>span\]\:-mt-2>*>span{margin-top:-.5rem}.\[\&\>\*\>span\]\:text-xs>*>span{font-size:.75rem;line-height:1rem}.\[\&\>\*\>span\]\:font-semibold>*>span{font-weight:600}.\[\&\>\*\>span\]\:text-gray-100>*>span{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.\[\&\>a\]\:flex>a{display:flex}.\[\&\>a\]\:w-full>a{width:100%}.\[\&\>a\]\:gap-2>a{gap:.5rem}.\[\&\>a\]\:text-inherit>a{color:inherit}.\[\&\>a\]\:no-underline>a{text-decoration-line:none}.\[\&\>img\]\:pt-3>img{padding-top:.75rem}.\[\&\>span\]\:-mt-2>span{margin-top:-.5rem}.\[\&\>span\]\:pl-14>span{padding-left:3.5rem}.\[\&\>span\]\:text-xs>span{font-size:.75rem;line-height:1rem}.\[\&\>span\]\:font-semibold>span{font-weight:600}.\[\&\>span\]\:text-gray-100>span{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\[data-visible\=\'true\'\]\]\:opacity-100[data-visible=true]{opacity:1}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--viewport-padding: 25px}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-\[120\%\]{bottom:-120%}.-top-\[120\%\]{top:-120%}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-\[100\%\]{left:100%}.left-\[35\%\]{left:35%}.left-\[50\%\]{left:50%}.left-full{left:100%}.right-0{right:0}.right-1\.5{right:.375rem}.right-1\/2{right:50%}.right-2{right:.5rem}.right-4{right:1rem}.right-\[100\%\]{right:100%}.right-\[50\%\]{right:50%}.right-full{right:100%}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mt-0\.5{margin-top:-.125rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[15px\]{height:15px}.h-\[1px\]{height:1px}.h-\[350px\]{height:350px}.h-full{height:100%}.h-px{height:1px}.max-h-\[250px\]{max-height:250px}.max-h-\[300px\]{max-height:300px}.min-h-\[450px\]{min-height:450px}.w-0{width:0px}.w-11{width:2.75rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[15px\]{width:15px}.w-\[200px\]{width:200px}.w-\[256px\]{width:256px}.w-\[280px\]{width:280px}.w-\[2px\]{width:2px}.w-\[350px\]{width:350px}.w-\[390px\]{width:390px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-max{width:max-content}.min-w-\[500px\]{min-width:500px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2,.translate-x-2\/4{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[40\%\]{--tw-translate-y: 40%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-move{animation:moveGradient 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-e-sm{border-start-end-radius:.125rem;border-end-end-radius:.125rem}.rounded-s-sm{border-start-start-radius:.125rem;border-end-start-radius:.125rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-none{border-style:none}.border-\[\#cbd5e0\]{--tw-border-opacity: 1;border-color:rgb(203 213 224 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-civo-primary{--tw-border-opacity: 1;border-color:rgb(35 157 255 / var(--tw-border-opacity, 1))}.border-colony-primary{--tw-border-opacity: 1;border-color:rgb(166 27 78 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.border-neutral-900\/35{border-color:#17171759}.border-neutral-900\/45{border-color:#17171773}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-zinc-400{--tw-border-opacity: 1;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}.border-zinc-500{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-\[\#9ea2c6\]\/30{border-top-color:#9ea2c64d}.border-t-transparent{border-top-color:transparent}.bg-\[\#1e2235\]{--tw-bg-opacity: 1;background-color:rgb(30 34 53 / var(--tw-bg-opacity, 1))}.bg-\[\#252a41\]{--tw-bg-opacity: 1;background-color:rgb(37 42 65 / var(--tw-bg-opacity, 1))}.bg-\[\#81E2B4\]{--tw-bg-opacity: 1;background-color:rgb(129 226 180 / var(--tw-bg-opacity, 1))}.bg-\[\#dbeafe\]{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-\[\#dcfce7\]{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-\[\#e0e7ff\]{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-\[\#e0f2fe\]{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfccb\]{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfdf5\]{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-\[\#ecfeff\]{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-\[\#ede9fe\]{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-\[\#f4f4f5\]{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-\[\#fce7f3\]{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-\[\#fdf4ff\]{--tw-bg-opacity: 1;background-color:rgb(253 244 255 / var(--tw-bg-opacity, 1))}.bg-\[\#fef3c7\]{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-\[\#fef9c3\]{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-civo-primary{--tw-bg-opacity: 1;background-color:rgb(35 157 255 / var(--tw-bg-opacity, 1))}.bg-colony-primary{--tw-bg-opacity: 1;background-color:rgb(166 27 78 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-kubefirst-dark-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 34 53 / var(--tw-bg-opacity, 1))}.bg-kubefirst-primary{--tw-bg-opacity: 1;background-color:rgb(136 81 200 / var(--tw-bg-opacity, 1))}.bg-kubefirst-secondary{--tw-bg-opacity: 1;background-color:rgb(112 55 174 / var(--tw-bg-opacity, 1))}.bg-metal-1000{--tw-bg-opacity: 1;background-color:rgb(117 140 159 / var(--tw-bg-opacity, 1))}.bg-neutral-900\/30{background-color:#1717174d}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-kubefirst-gradient{background-image:linear-gradient(90deg,#81e2b4,#8851c8)}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.stroke-2{stroke-width:2}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[var\(--viewport-padding\)\]{padding:var(--viewport-padding)}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-11{padding-bottom:2.75rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[45px\]{font-size:45px}.text-\[57px\]{font-size:57px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[16px\]{line-height:16px}.leading-\[20px\]{line-height:20px}.leading-\[22px\]{line-height:22px}.leading-\[24px\]{line-height:24px}.leading-\[28px\]{line-height:28px}.leading-\[32px\]{line-height:32px}.leading-\[36px\]{line-height:36px}.leading-\[40px\]{line-height:40px}.leading-\[44px\]{line-height:44px}.leading-\[52px\]{line-height:52px}.leading-\[64px\]{line-height:64px}.tracking-\[0\.15px\]{letter-spacing:.15px}.tracking-\[0\.1px\]{letter-spacing:.1px}.tracking-\[0\.25px\]{letter-spacing:.25px}.tracking-\[0\.4px\]{letter-spacing:.4px}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-widest{letter-spacing:.1em}.text-\[\#0369a1\]{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-\[\#047857\]{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-\[\#0e7490\]{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-\[\#15803d\]{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-\[\#1d4ed8\]{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-\[\#324154\]{--tw-text-opacity: 1;color:rgb(50 65 84 / var(--tw-text-opacity, 1))}.text-\[\#4338ca\]{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-\[\#4d7c0f\]{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-\[\#6d28d9\]{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-\[\#71717A\],.text-\[\#71717a\]{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-\[\#81e2b4\]{--tw-text-opacity: 1;color:rgb(129 226 180 / var(--tw-text-opacity, 1))}.text-\[\#9ea2c6\]{--tw-text-opacity: 1;color:rgb(158 162 198 / var(--tw-text-opacity, 1))}.text-\[\#a16207\]{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-\[\#a21caf\]{--tw-text-opacity: 1;color:rgb(162 28 175 / var(--tw-text-opacity, 1))}.text-\[\#abadc6\]{--tw-text-opacity: 1;color:rgb(171 173 198 / var(--tw-text-opacity, 1))}.text-\[\#be185d\]{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-\[\#d97706\]{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-civo-primary{--tw-text-opacity: 1;color:rgb(35 157 255 / var(--tw-text-opacity, 1))}.text-colony-primary{--tw-text-opacity: 1;color:rgb(166 27 78 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-kubefirst-primary{--tw-text-opacity: 1;color:rgb(136 81 200 / var(--tw-text-opacity, 1))}.text-kubefirst-secondary{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-50\/40{--tw-shadow-color: rgb(239 246 255 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-kubefirst-primary{--tw-shadow-color: #8851c8;--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-200{--tw-shadow-color: #e9d5ff;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-200{--tw-shadow-color: #fecaca;--tw-shadow: var(--tw-shadow-colored)}.shadow-red-400{--tw-shadow-color: #f87171;--tw-shadow: var(--tw-shadow-colored)}.shadow-slate-200{--tw-shadow-color: #e2e8f0;--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);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)}.filter{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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.fade-in{--tw-enter-opacity: 0}.fade-in-60{--tw-enter-opacity: .6}.fade-out{--tw-exit-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.zoom-out{--tw-exit-scale: 0}.spin-in{--tw-enter-rotate: 30deg}.spin-out{--tw-exit-rotate: 30deg}.slide-in-from-bottom{--tw-enter-translate-y: 100%}.slide-in-from-left{--tw-enter-translate-x: -100%}.slide-in-from-right{--tw-enter-translate-x: 100%}.slide-in-from-top{--tw-enter-translate-y: -100%}.slide-out-to-bottom{--tw-exit-translate-y: 100%}.slide-out-to-left{--tw-exit-translate-x: -100%}.slide-out-to-right{--tw-exit-translate-x: 100%}.slide-out-to-top{--tw-exit-translate-y: -100%}.duration-0{animation-duration:0s}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.delay-100{animation-delay:.1s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.running{animation-play-state:running}.paused{animation-play-state:paused}.\[-moz-appearance\:textfield\]{-moz-appearance:textfield}html{-webkit-font-smoothing:antialiased}body{font-family:Roboto,sans-serif}.selection\:bg-powder-500 *::selection{--tw-bg-opacity: 1;background-color:rgb(115 149 191 / var(--tw-bg-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-powder-500::selection{--tw-bg-opacity: 1;background-color:rgb(115 149 191 / var(--tw-bg-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-300::placeholder{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.before\:h-0:before{content:var(--tw-content);height:0px}.before\:w-0:before{content:var(--tw-content);width:0px}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-100:before{content:var(--tw-content);transition-duration:.1s}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:duration-100:before{content:var(--tw-content);animation-duration:.1s}.first\:pt-2:first-child{padding-top:.5rem}.last\:pb-2:last-child{padding-bottom:.5rem}.hover\:rounded-xl:hover{border-radius:.75rem}.hover\:border-\[\#d6dde6\]:hover{--tw-border-opacity: 1;border-color:rgb(214 221 230 / var(--tw-border-opacity, 1))}.hover\:border-civo-secondary:hover{--tw-border-opacity: 1;border-color:rgb(79 177 255 / var(--tw-border-opacity, 1))}.hover\:border-colony-secondary:hover{--tw-border-opacity: 1;border-color:rgb(211 34 99 / var(--tw-border-opacity, 1))}.hover\:border-kubefirst-secondary:hover{--tw-border-opacity: 1;border-color:rgb(112 55 174 / var(--tw-border-opacity, 1))}.hover\:border-red-700:hover{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-\[\#252a41\]:hover{--tw-bg-opacity: 1;background-color:rgb(37 42 65 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-civo-primary\/5:hover{background-color:#239dff0d}.hover\:bg-civo-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(79 177 255 / var(--tw-bg-opacity, 1))}.hover\:bg-colony-primary\/5:hover{background-color:#a61b4e0d}.hover\:bg-colony-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(211 34 99 / var(--tw-bg-opacity, 1))}.hover\:bg-kubefirst-primary\/5:hover{background-color:#8851c80d}.hover\:bg-kubefirst-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(112 55 174 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-50:hover{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#5d6776\]:hover{--tw-text-opacity: 1;color:rgb(93 103 118 / var(--tw-text-opacity, 1))}.hover\:text-civo-primary:hover{--tw-text-opacity: 1;color:rgb(35 157 255 / var(--tw-text-opacity, 1))}.hover\:text-colony-primary:hover{--tw-text-opacity: 1;color:rgb(166 27 78 / var(--tw-text-opacity, 1))}.hover\:text-colony-secondary:hover{--tw-text-opacity: 1;color:rgb(211 34 99 / var(--tw-text-opacity, 1))}.hover\:text-kubefirst-primary:hover{--tw-text-opacity: 1;color:rgb(136 81 200 / var(--tw-text-opacity, 1))}.hover\:text-kubefirst-secondary:hover{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.hover\:text-slate-500:hover{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.focus\:bg-purple-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.focus\:bg-red-100:focus{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.focus\:shadow-md:focus{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:focus\:ring-red-400:focus:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.focus\:ring-kubefirst-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(136 81 200 / var(--tw-ring-opacity, 1))}.focus\:ring-red-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:bg-purple-100:focus-visible{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-red-100:focus-visible{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-transparent:focus-visible{--tw-ring-color: transparent}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:rounded-sm{border-radius:.125rem}.group:focus-within .group-focus-within\:no-underline{text-decoration-line:none}.group:focus-within .group-focus-within\:outline{outline-style:solid}.group:focus-within .group-focus-within\:outline-8{outline-width:8px}.group:focus-within .group-focus-within\:outline-offset-4{outline-offset:4px}.group:focus-within .group-focus-within\:outline-slate-500{outline-color:#64748b}.group:hover .group-hover\:rounded-sm{border-radius:.125rem}.group:hover .group-hover\:border-civo-primary{--tw-border-opacity: 1;border-color:rgb(35 157 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-colony-primary{--tw-border-opacity: 1;border-color:rgb(166 27 78 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.group\/sidebar:hover .group-hover\/sidebar\:opacity-100{opacity:1}.peer:checked~.peer-checked\:border-kubefirst-primary{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:border-zinc-300{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:border-zinc-400{--tw-border-opacity: 1;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:before\:h-\[70\%\]:before{content:var(--tw-content);height:70%}.peer:checked~.peer-checked\:before\:w-\[70\%\]:before{content:var(--tw-content);width:70%}.peer:checked~.peer-checked\:before\:bg-kubefirst-primary:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(136 81 200 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:before\:bg-zinc-300:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:before\:bg-zinc-400:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.aria-expanded\:border-kubefirst-primary[aria-expanded=true]{--tw-border-opacity: 1;border-color:rgb(136 81 200 / var(--tw-border-opacity, 1))}.aria-expanded\:border-red-400[aria-expanded=true]{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.aria-expanded\:text-kubefirst-secondary[aria-expanded=true]{--tw-text-opacity: 1;color:rgb(112 55 174 / var(--tw-text-opacity, 1))}.aria-expanded\:text-red-400[aria-expanded=true]{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-4[data-swipe=move]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}.data-\[state\=open\]\:animate-slide-in[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}@keyframes swipeOut{0%{transform:translate(0)}to{transform:translate(calc(100% + var(--viewport-padding)))}}.data-\[swipe\=end\]\:animate-swipe-out[data-swipe=end]{animation:swipeOut .15s cubic-bezier(.16,1,.3,1)}.data-\[state\=unchecked\]\:bg-zinc-200[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed],.data-\[state\=hidden\]\:fade-out-0[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed],.data-\[state\=hidden\]\:zoom-out-95[data-state=hidden]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}@media (min-width: 640px){.sm\:rounded-lg{border-radius:.5rem}}@media (min-width: 1024px){.lg\:overflow-hidden{overflow:hidden}}.\[\&\+span\]\:cursor-not-allowed+span{cursor:not-allowed}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\>img\]\:pt-3>*>img{padding-top:.75rem}.\[\&\>\*\>span\]\:absolute>*>span{position:absolute}.\[\&\>\*\>span\]\:bottom-0>*>span{bottom:0}.\[\&\>\*\>span\]\:-mt-2>*>span{margin-top:-.5rem}.\[\&\>\*\>span\]\:text-xs>*>span{font-size:.75rem;line-height:1rem}.\[\&\>\*\>span\]\:font-semibold>*>span{font-weight:600}.\[\&\>\*\>span\]\:text-gray-100>*>span{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.\[\&\>\*\>svg\]\:text-blue-600>*>svg{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\]\:gap-2>*{gap:.5rem}.\[\&\>a\]\:flex>a{display:flex}.\[\&\>a\]\:w-full>a{width:100%}.\[\&\>a\]\:gap-2>a{gap:.5rem}.\[\&\>a\]\:text-inherit>a{color:inherit}.\[\&\>a\]\:no-underline>a{text-decoration-line:none}.\[\&\>img\]\:pt-3>img{padding-top:.75rem}.\[\&\>span\]\:-mt-2>span{margin-top:-.5rem}.\[\&\>span\]\:pl-14>span{padding-left:3.5rem}.\[\&\>span\]\:text-xs>span{font-size:.75rem;line-height:1rem}.\[\&\>span\]\:font-semibold>span{font-weight:600}.\[\&\>span\]\:text-gray-100>span{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\[data-visible\=\'true\'\]\]\:opacity-100[data-visible=true]{opacity:1}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
@@ -71,7 +71,7 @@ function oe(e, t = [], n = [], a = "") {
71
71
  i.relativePath.startsWith(a),
72
72
  `Absolute route path "${i.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
73
73
  ), i.relativePath = i.relativePath.slice(a.length));
74
- let o = E([a, i.relativePath]), f = n.concat(i);
74
+ let o = R([a, i.relativePath]), f = n.concat(i);
75
75
  l.children && l.children.length > 0 && (x(
76
76
  // Our types know better, but runtime JS may not!
77
77
  // @ts-expect-error
@@ -115,11 +115,11 @@ function Ce(e) {
115
115
  )
116
116
  );
117
117
  }
118
- var Re = /^:[\w-]+$/, Ee = 3, be = 2, Pe = 1, Le = 10, Se = -2, ne = (e) => e === "*";
118
+ var Ee = /^:[\w-]+$/, Re = 3, be = 2, Pe = 1, Le = 10, Se = -2, ne = (e) => e === "*";
119
119
  function ke(e, t) {
120
120
  let n = e.split("/"), a = n.length;
121
121
  return n.some(ne) && (a += Se), t && (a += be), n.filter((r) => !ne(r)).reduce(
122
- (r, l) => r + (Re.test(l) ? Ee : l === "" ? Pe : Le),
122
+ (r, l) => r + (Ee.test(l) ? Re : l === "" ? Pe : Le),
123
123
  a
124
124
  );
125
125
  }
@@ -155,12 +155,12 @@ function Fe(e, t, n = !1) {
155
155
  Object.assign(r, d.params), s.push({
156
156
  // TODO: Can this as be avoided?
157
157
  params: r,
158
- pathname: E([l, d.pathname]),
159
- pathnameBase: Ae(
160
- E([l, d.pathnameBase])
158
+ pathname: R([l, d.pathname]),
159
+ pathnameBase: Be(
160
+ R([l, d.pathnameBase])
161
161
  ),
162
162
  route: m
163
- }), d.pathnameBase !== "/" && (l = E([l, d.pathnameBase]));
163
+ }), d.pathnameBase !== "/" && (l = R([l, d.pathnameBase]));
164
164
  }
165
165
  return s;
166
166
  }
@@ -226,7 +226,7 @@ function Ne(e, t = "/") {
226
226
  } = typeof e == "string" ? Y(e) : e;
227
227
  return {
228
228
  pathname: n ? n.startsWith("/") ? n : Te(n, t) : t,
229
- search: Be(a),
229
+ search: Me(a),
230
230
  hash: We(r)
231
231
  };
232
232
  }
@@ -241,13 +241,13 @@ function J(e, t, n, a) {
241
241
  a
242
242
  )}]. Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
243
243
  }
244
- function Me(e) {
244
+ function Ae(e) {
245
245
  return e.filter(
246
246
  (t, n) => n === 0 || t.route.path && t.route.path.length > 0
247
247
  );
248
248
  }
249
249
  function ue(e) {
250
- let t = Me(e);
250
+ let t = Ae(e);
251
251
  return t.map(
252
252
  (n, a) => a === t.length - 1 ? n.pathname : n.pathnameBase
253
253
  );
@@ -280,7 +280,7 @@ function se(e, t, n, a = !1) {
280
280
  let i = Ne(r, c), o = s && s !== "/" && s.endsWith("/"), f = (l || s === ".") && n.endsWith("/");
281
281
  return !i.pathname.endsWith("/") && (o || f) && (i.pathname += "/"), i;
282
282
  }
283
- var E = (e) => e.join("/").replace(/\/\/+/g, "/"), Ae = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Be = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, We = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
283
+ var R = (e) => e.join("/").replace(/\/\/+/g, "/"), Be = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Me = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, We = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
284
284
  function Oe(e) {
285
285
  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
286
286
  }
@@ -335,8 +335,8 @@ function Ve(e, { relative: t } = {}) {
335
335
  // router loaded. We can help them understand how to avoid that.
336
336
  "useHref() may be used only in the context of a <Router> component."
337
337
  );
338
- let { basename: n, navigator: a } = u.useContext(P), { hash: r, pathname: l, search: s } = M(e, { relative: t }), c = l;
339
- return n !== "/" && (c = l === "/" ? n : E([n, l])), a.createHref({ pathname: c, search: s, hash: r });
338
+ let { basename: n, navigator: a } = u.useContext(P), { hash: r, pathname: l, search: s } = A(e, { relative: t }), c = l;
339
+ return n !== "/" && (c = l === "/" ? n : R([n, l])), a.createHref({ pathname: c, search: s, hash: r });
340
340
  }
341
341
  function V() {
342
342
  return u.useContext(q) != null;
@@ -380,7 +380,7 @@ function Je() {
380
380
  r,
381
381
  o.relative === "path"
382
382
  );
383
- e == null && t !== "/" && (f.pathname = f.pathname === "/" ? t : E([t, f.pathname])), (o.replace ? n.replace : n.push)(
383
+ e == null && t !== "/" && (f.pathname = f.pathname === "/" ? t : R([t, f.pathname])), (o.replace ? n.replace : n.push)(
384
384
  f,
385
385
  o.state,
386
386
  o
@@ -396,7 +396,7 @@ function Je() {
396
396
  );
397
397
  }
398
398
  u.createContext(null);
399
- function M(e, { relative: t } = {}) {
399
+ function A(e, { relative: t } = {}) {
400
400
  let { matches: n } = u.useContext(L), { pathname: a } = k(), r = JSON.stringify(ue(n));
401
401
  return u.useMemo(
402
402
  () => se(
@@ -444,12 +444,12 @@ Please change the parent <Route path="${h}"> to <Route path="${h === "/" ? "*" :
444
444
  g && g.map(
445
445
  (h) => Object.assign({}, h, {
446
446
  params: Object.assign({}, c, h.params),
447
- pathname: E([
447
+ pathname: R([
448
448
  o,
449
449
  // Re-encode pathnames that were decoded inside matchRoutes
450
450
  r.encodeLocation ? r.encodeLocation(h.pathname).pathname : h.pathname
451
451
  ]),
452
- pathnameBase: h.pathnameBase === "/" ? o : E([
452
+ pathnameBase: h.pathnameBase === "/" ? o : R([
453
453
  o,
454
454
  // Re-encode pathnames that were decoded inside matchRoutes
455
455
  r.encodeLocation ? r.encodeLocation(h.pathnameBase).pathname : h.pathnameBase
@@ -743,7 +743,7 @@ async function ht(e, t) {
743
743
  } catch (n) {
744
744
  return console.error(
745
745
  `Error loading route module \`${e.module}\`, reloading page...`
746
- ), console.error(n), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
746
+ ), console.error(n), window.location.reload(), new Promise(() => {
747
747
  });
748
748
  }
749
749
  }
@@ -845,7 +845,7 @@ function Ct() {
845
845
  "You must render this element inside a <DataRouterContext.Provider> element"
846
846
  ), e;
847
847
  }
848
- function Rt() {
848
+ function Et() {
849
849
  let e = u.useContext(_);
850
850
  return Z(
851
851
  e,
@@ -861,7 +861,7 @@ function pe() {
861
861
  "You must render this element inside a <HydratedRouter> element"
862
862
  ), e;
863
863
  }
864
- function Et(e, t) {
864
+ function Rt(e, t) {
865
865
  let n = u.useContext(ee), [a, r] = u.useState(!1), [l, s] = u.useState(!1), { onFocus: c, onBlur: i, onMouseEnter: o, onMouseLeave: f, onTouchStart: d } = t, m = u.useRef(null);
866
866
  u.useEffect(() => {
867
867
  if (e === "render" && s(!0), e === "viewport") {
@@ -934,7 +934,7 @@ function Lt({
934
934
  matches: t,
935
935
  ...n
936
936
  }) {
937
- let a = k(), { manifest: r, routeModules: l } = pe(), { loaderData: s, matches: c } = Rt(), i = u.useMemo(
937
+ let a = k(), { manifest: r, routeModules: l } = pe(), { loaderData: s, matches: c } = Et(), i = u.useMemo(
938
938
  () => ae(
939
939
  e,
940
940
  t,
@@ -1017,18 +1017,18 @@ var ve = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ye = u.forwardRef(
1017
1017
  let { basename: v } = u.useContext(P), g = typeof o == "string" && ve.test(o), y, h = !1;
1018
1018
  if (typeof o == "string" && g && (y = o, ge))
1019
1019
  try {
1020
- let R = new URL(window.location.href), I = o.startsWith("//") ? new URL(R.protocol + o) : new URL(o), te = F(I.pathname, v);
1021
- I.origin === R.origin && te != null ? o = te + I.search + I.hash : h = !0;
1020
+ let E = new URL(window.location.href), I = o.startsWith("//") ? new URL(E.protocol + o) : new URL(o), te = F(I.pathname, v);
1021
+ I.origin === E.origin && te != null ? o = te + I.search + I.hash : h = !0;
1022
1022
  } catch {
1023
1023
  b(
1024
1024
  !1,
1025
1025
  `<Link to="${o}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
1026
1026
  );
1027
1027
  }
1028
- let C = Ve(o, { relative: r }), [w, S, $] = Et(
1028
+ let C = Ve(o, { relative: r }), [w, S, $] = Rt(
1029
1029
  a,
1030
1030
  m
1031
- ), A = It(o, {
1031
+ ), B = It(o, {
1032
1032
  replace: s,
1033
1033
  state: c,
1034
1034
  target: i,
@@ -1036,10 +1036,10 @@ var ve = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ye = u.forwardRef(
1036
1036
  relative: r,
1037
1037
  viewTransition: d
1038
1038
  });
1039
- function N(R) {
1040
- t && t(R), R.defaultPrevented || A(R);
1039
+ function N(E) {
1040
+ t && t(E), E.defaultPrevented || B(E);
1041
1041
  }
1042
- let B = (
1042
+ let M = (
1043
1043
  // eslint-disable-next-line jsx-a11y/anchor-has-content
1044
1044
  /* @__PURE__ */ u.createElement(
1045
1045
  "a",
@@ -1054,7 +1054,7 @@ var ve = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ye = u.forwardRef(
1054
1054
  }
1055
1055
  )
1056
1056
  );
1057
- return w && !g ? /* @__PURE__ */ u.createElement(u.Fragment, null, B, /* @__PURE__ */ u.createElement(bt, { page: C })) : B;
1057
+ return w && !g ? /* @__PURE__ */ u.createElement(u.Fragment, null, M, /* @__PURE__ */ u.createElement(bt, { page: C })) : M;
1058
1058
  }
1059
1059
  );
1060
1060
  ye.displayName = "Link";
@@ -1070,20 +1070,20 @@ var kt = u.forwardRef(
1070
1070
  children: i,
1071
1071
  ...o
1072
1072
  }, f) {
1073
- let d = M(s, { relative: o.relative }), m = k(), p = u.useContext(_), { navigator: v, basename: g } = u.useContext(P), y = p != null && // Conditional usage is OK here because the usage of a data router is static
1073
+ let d = A(s, { relative: o.relative }), m = k(), p = u.useContext(_), { navigator: v, basename: g } = u.useContext(P), y = p != null && // Conditional usage is OK here because the usage of a data router is static
1074
1074
  // eslint-disable-next-line react-hooks/rules-of-hooks
1075
- At(d) && c === !0, h = v.encodeLocation ? v.encodeLocation(d).pathname : d.pathname, C = m.pathname, w = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
1075
+ Bt(d) && c === !0, h = v.encodeLocation ? v.encodeLocation(d).pathname : d.pathname, C = m.pathname, w = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
1076
1076
  n || (C = C.toLowerCase(), w = w ? w.toLowerCase() : null, h = h.toLowerCase()), w && g && (w = F(w, g) || w);
1077
1077
  const S = h !== "/" && h.endsWith("/") ? h.length - 1 : h.length;
1078
- let $ = C === h || !r && C.startsWith(h) && C.charAt(S) === "/", A = w != null && (w === h || !r && w.startsWith(h) && w.charAt(h.length) === "/"), N = {
1078
+ let $ = C === h || !r && C.startsWith(h) && C.charAt(S) === "/", B = w != null && (w === h || !r && w.startsWith(h) && w.charAt(h.length) === "/"), N = {
1079
1079
  isActive: $,
1080
- isPending: A,
1080
+ isPending: B,
1081
1081
  isTransitioning: y
1082
- }, B = $ ? t : void 0, R;
1083
- typeof a == "function" ? R = a(N) : R = [
1082
+ }, M = $ ? t : void 0, E;
1083
+ typeof a == "function" ? E = a(N) : E = [
1084
1084
  a,
1085
1085
  $ ? "active" : null,
1086
- A ? "pending" : null,
1086
+ B ? "pending" : null,
1087
1087
  y ? "transitioning" : null
1088
1088
  ].filter(Boolean).join(" ");
1089
1089
  let I = typeof l == "function" ? l(N) : l;
@@ -1091,8 +1091,8 @@ var kt = u.forwardRef(
1091
1091
  ye,
1092
1092
  {
1093
1093
  ...o,
1094
- "aria-current": B,
1095
- className: R,
1094
+ "aria-current": M,
1095
+ className: E,
1096
1096
  ref: f,
1097
1097
  style: I,
1098
1098
  to: s,
@@ -1119,7 +1119,7 @@ var $t = u.forwardRef(
1119
1119
  viewTransition: d,
1120
1120
  ...m
1121
1121
  }, p) => {
1122
- let v = Tt(), g = Mt(c, { relative: o }), y = s.toLowerCase() === "get" ? "get" : "post", h = typeof c == "string" && ve.test(c), C = (w) => {
1122
+ let v = Tt(), g = At(c, { relative: o }), y = s.toLowerCase() === "get" ? "get" : "post", h = typeof c == "string" && ve.test(c), C = (w) => {
1123
1123
  if (i && i(w), w.defaultPrevented) return;
1124
1124
  w.preventDefault();
1125
1125
  let S = w.nativeEvent.submitter, $ = (S == null ? void 0 : S.getAttribute("formmethod")) || s;
@@ -1163,7 +1163,7 @@ function It(e, {
1163
1163
  relative: l,
1164
1164
  viewTransition: s
1165
1165
  } = {}) {
1166
- let c = ze(), i = k(), o = M(e, { relative: l });
1166
+ let c = ze(), i = k(), o = A(e, { relative: l });
1167
1167
  return u.useCallback(
1168
1168
  (f) => {
1169
1169
  if (st(f, t)) {
@@ -1231,10 +1231,10 @@ function Tt() {
1231
1231
  [e, t, n]
1232
1232
  );
1233
1233
  }
1234
- function Mt(e, { relative: t } = {}) {
1234
+ function At(e, { relative: t } = {}) {
1235
1235
  let { basename: n } = u.useContext(P), a = u.useContext(L);
1236
1236
  x(a, "useFormAction must be used inside a RouteContext");
1237
- let [r] = a.matches.slice(-1), l = { ...M(e || ".", { relative: t }) }, s = k();
1237
+ let [r] = a.matches.slice(-1), l = { ...A(e || ".", { relative: t }) }, s = k();
1238
1238
  if (e == null) {
1239
1239
  l.search = s.search;
1240
1240
  let c = new URLSearchParams(l.search), i = c.getAll("index");
@@ -1244,9 +1244,9 @@ function Mt(e, { relative: t } = {}) {
1244
1244
  l.search = f ? `?${f}` : "";
1245
1245
  }
1246
1246
  }
1247
- return (!e || e === ".") && r.route.index && (l.search = l.search ? l.search.replace(/^\?/, "?index&") : "?index"), n !== "/" && (l.pathname = l.pathname === "/" ? n : E([n, l.pathname])), j(l);
1247
+ return (!e || e === ".") && r.route.index && (l.search = l.search ? l.search.replace(/^\?/, "?index&") : "?index"), n !== "/" && (l.pathname = l.pathname === "/" ? n : R([n, l.pathname])), j(l);
1248
1248
  }
1249
- function At(e, t = {}) {
1249
+ function Bt(e, t = {}) {
1250
1250
  let n = u.useContext(fe);
1251
1251
  x(
1252
1252
  n != null,
@@ -1255,14 +1255,14 @@ function At(e, t = {}) {
1255
1255
  let { basename: a } = we(
1256
1256
  "useViewTransitionState"
1257
1257
  /* useViewTransitionState */
1258
- ), r = M(e, { relative: t.relative });
1258
+ ), r = A(e, { relative: t.relative });
1259
1259
  if (!n.isTransitioning)
1260
1260
  return !1;
1261
1261
  let l = F(n.currentLocation.pathname, a) || n.currentLocation.pathname, s = F(n.nextLocation.pathname, a) || n.nextLocation.pathname;
1262
1262
  return H(r.pathname, s) != null || H(r.pathname, l) != null;
1263
1263
  }
1264
1264
  new TextEncoder();
1265
- const Bt = () => {
1265
+ const Mt = () => {
1266
1266
  try {
1267
1267
  return k(), {
1268
1268
  isInsideRouter: !0
@@ -1275,5 +1275,5 @@ const Bt = () => {
1275
1275
  };
1276
1276
  export {
1277
1277
  ye as L,
1278
- Bt as u
1278
+ Mt as u
1279
1279
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@konstructio/ui",
3
3
  "description": "A set of reusable and customizable React components built for konstruct.io",
4
4
  "private": false,
5
- "version": "0.0.12-alpha.1",
5
+ "version": "0.0.12-alpha.3",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -43,9 +43,8 @@
43
43
  "build:storybook": "storybook build -o storybook-static && cp -r public/* storybook-static",
44
44
  "check:prettier": "prettier lib --check --config ./.prettierrc",
45
45
  "check:types": "tsc -p tsconfig.json",
46
- "ci": "npm run build && npm run check:prettier && vitest run",
46
+ "ci": "npm run check:prettier && vitest run && npm run build",
47
47
  "deps:update": "npx npm-check-updates --interactive --format group",
48
- "dev": "vite",
49
48
  "format:prettier": "prettier lib --write './**/*.{js,jsx,ts,tsx}' --config ./.prettierrc",
50
49
  "lint": "eslint lib --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
51
50
  "prepare": "husky",
@@ -56,18 +55,21 @@
56
55
  "test:watch": "vitest dev"
57
56
  },
58
57
  "dependencies": {
59
- "@radix-ui/react-alert-dialog": "^1.1.5",
60
- "@radix-ui/react-checkbox": "^1.1.3",
61
- "@radix-ui/react-slider": "^1.2.2",
62
- "@radix-ui/react-slot": "^1.1.1",
63
- "@radix-ui/react-switch": "^1.1.2",
64
- "@radix-ui/react-toast": "^1.2.5",
65
- "@radix-ui/react-visually-hidden": "^1.1.1",
58
+ "@radix-ui/react-alert-dialog": "^1.1.6",
59
+ "@radix-ui/react-checkbox": "^1.1.4",
60
+ "@radix-ui/react-dialog": "^1.1.6",
61
+ "@radix-ui/react-slider": "^1.2.3",
62
+ "@radix-ui/react-slot": "^1.1.2",
63
+ "@radix-ui/react-switch": "^1.1.3",
64
+ "@radix-ui/react-toast": "^1.2.6",
65
+ "@radix-ui/react-visually-hidden": "^1.1.2",
66
66
  "class-variance-authority": "^0.7.1",
67
67
  "clsx": "^2.1.1",
68
+ "cmdk": "^1.0.4",
68
69
  "js-cookie": "^3.0.5",
70
+ "lucide-react": "^0.475.0",
69
71
  "react-feather": "^2.0.10",
70
- "react-focus-lock": "^2.13.5",
72
+ "react-focus-lock": "^2.13.6",
71
73
  "react-remove-scroll": "^2.6.3",
72
74
  "tailwind-merge": "^3.0.1"
73
75
  },
@@ -101,27 +103,27 @@
101
103
  },
102
104
  "devDependencies": {
103
105
  "@rollup/plugin-alias": "^5.1.1",
104
- "@storybook/addon-docs": "^8.5.3",
105
- "@storybook/addon-essentials": "^8.5.3",
106
- "@storybook/addon-interactions": "^8.5.3",
107
- "@storybook/addon-links": "^8.5.3",
106
+ "@storybook/addon-docs": "^8.5.8",
107
+ "@storybook/addon-essentials": "^8.5.8",
108
+ "@storybook/addon-interactions": "^8.5.8",
109
+ "@storybook/addon-links": "^8.5.8",
108
110
  "@storybook/addon-styling-webpack": "^1.0.1",
109
- "@storybook/blocks": "^8.5.3",
110
- "@storybook/react": "^8.5.3",
111
- "@storybook/react-vite": "^8.5.3",
112
- "@storybook/test": "^8.5.3",
111
+ "@storybook/blocks": "^8.5.8",
112
+ "@storybook/react": "^8.5.8",
113
+ "@storybook/react-vite": "^8.5.8",
114
+ "@storybook/test": "^8.5.8",
113
115
  "@testing-library/jest-dom": "^6.6.3",
114
116
  "@testing-library/react": "^16.2.0",
115
117
  "@testing-library/user-event": "^14.6.1",
116
118
  "@types/jest-axe": "^3.5.9",
117
119
  "@types/js-cookie": "^3.0.6",
118
120
  "@types/lodash": "^4.17.15",
119
- "@types/react": "^19.0.8",
120
- "@types/react-dom": "^19.0.3",
121
- "@typescript-eslint/eslint-plugin": "^8.23.0",
122
- "@typescript-eslint/parser": "^8.23.0",
121
+ "@types/react": "^19.0.10",
122
+ "@types/react-dom": "^19.0.4",
123
+ "@typescript-eslint/eslint-plugin": "^8.24.1",
124
+ "@typescript-eslint/parser": "^8.24.1",
123
125
  "@vitejs/plugin-react": "^4.3.4",
124
- "@vitest/coverage-v8": "^3.0.5",
126
+ "@vitest/coverage-v8": "^3.0.6",
125
127
  "autoprefixer": "^10.4.20",
126
128
  "eslint": "^8.57.0",
127
129
  "eslint-plugin-react-hooks": "^4.6.2",
@@ -133,18 +135,18 @@
133
135
  "jest-axe": "^9.0.0",
134
136
  "jsdom": "^26.0.0",
135
137
  "lodash": "^4.17.21",
136
- "postcss": "^8.5.1",
137
- "prettier": "^3.4.2",
138
+ "postcss": "^8.5.3",
139
+ "prettier": "^3.5.1",
138
140
  "rimraf": "^6.0.1",
139
- "storybook": "^8.5.3",
141
+ "storybook": "^8.5.8",
140
142
  "tailwindcss": "^3.4.17",
141
143
  "ts-node": "^10.9.2",
142
144
  "typescript": "^5.7.3",
143
- "vite": "^6.0.11",
145
+ "vite": "^6.1.1",
144
146
  "vite-plugin-dts": "^4.5.0",
145
147
  "vite-plugin-lib-inject-css": "^2.2.1",
146
148
  "vite-plugin-svgr": "^4.3.0",
147
149
  "vite-tsconfig-paths": "^5.1.4",
148
- "vitest": "^3.0.5"
150
+ "vitest": "^3.0.6"
149
151
  }
150
152
  }