@delightui/components 0.1.37 → 0.1.39

package/dist/esm/library.css

@@ -495,6 +495,178 @@
 .ListItem-module_listItem__jYwlh:disabled {
   cursor: not-allowed;
 }
+.Toggle-module_toggle__gOwa0 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--toggle-row-gap) var(--toggle-column-gap);
+  height: var(--toggle-height);
+  width: var(--toggle-width);
+}
+.Toggle-module_toggle__gOwa0 .Toggle-module_input__aAn85 {
+  position: absolute;
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  border: 0;
+}
+.Toggle-module_toggle__gOwa0 .Toggle-module_track__AMG3K {
+  position: relative;
+  display: inline-block;
+  width: var(--toggle-track-width);
+  height: var(--toggle-track-height);
+  background-color: var(--toggle-track-color);
+  border-top-left-radius: var(--toggle-track-border-top-left-radius);
+  border-top-right-radius: var(--toggle-track-border-top-right-radius);
+  border-bottom-right-radius: var(--toggle-track-border-bottom-right-radius);
+  border-bottom-left-radius: var(--toggle-track-border-bottom-left-radius);
+  transition: background-color 0.3s ease;
+  cursor: pointer;
+}
+.Toggle-module_toggle__gOwa0 .Toggle-module_thumb__c-fgm {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: var(--toggle-thumb-color);
+  width: var(--toggle-thumb-width);
+  height: var(--toggle-thumb-height);
+  border-top-left-radius: var(--toggle-thumb-border-top-left-radius);
+  border-top-right-radius: var(--toggle-thumb-border-top-right-radius);
+  border-bottom-right-radius: var(--toggle-thumb-border-bottom-right-radius);
+  border-bottom-left-radius: var(--toggle-thumb-border-bottom-left-radius);
+  transition: transform 0.3s ease;
+}
+.Toggle-module_toggle__gOwa0 .Toggle-module_input__aAn85:checked + .Toggle-module_track__AMG3K .Toggle-module_thumb__c-fgm {
+  transform: translateX(var(--toggle-track-width));
+}
+.Toggle-module_toggle__gOwa0.Toggle-module_labelRight__NIo0U {
+  flex-direction: row;
+}
+.Toggle-module_toggle__gOwa0.Toggle-module_labelLeft__N2CtV {
+  flex-direction: row-reverse;
+}
+.ToggleButton-module_input__OdmRF {
+  margin: -1px;
+  opacity: 0;
+  width: 0px;
+  height: 0px;
+}
+
+.ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus-within, .ToggleButton-module_toggleButton__fIuWB:not(.ToggleButton-module_checked__elJT6):focus {
+  background-color: transparent !important;
+}
+.CustomToggle-module_toggleWrapper__LDRQR {
+  display: flex;
+  position: relative;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.CustomToggle-module_toggleWrapper__LDRQR.CustomToggle-module_disabled__KadNX {
+  cursor: not-allowed;
+}
+.CustomToggle-module_toggleWrapper__LDRQR.CustomToggle-module_invalid__SNwKI .CustomToggle-module_toggle__nLV26 {
+  border-color: var(--custom-toggle-color);
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_input__rS0Vm {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_toggle__nLV26 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--custom-toggle-width);
+  height: var(--custom-toggle-height);
+  padding-top: var(--custom-toggle-padding-top);
+  padding-right: var(--custom-toggle-padding-right);
+  padding-bottom: var(--custom-toggle-padding-bottom);
+  padding-left: var(--custom-toggle-padding-left);
+  border-top-left-radius: var(--custom-toggle-border-radius);
+  border-top-right-radius: var(--custom-toggle-border-radius);
+  border-bottom-left-radius: var(--custom-toggle-border-radius);
+  border-bottom-right-radius: var(--custom-toggle-border-radius);
+  background-color: var(--custom-toggle-background-color);
+  border-top-width: var(--custom-toggle-border-width);
+  border-right-width: var(--custom-toggle-border-width);
+  border-bottom-width: var(--custom-toggle-border-width);
+  border-left-width: var(--custom-toggle-border-width);
+  border-style: var(--custom-toggle-border-style);
+  border-color: var(--custom-toggle-border-color);
+  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_toggle__nLV26 .CustomToggle-module_content__-WdzS {
+  font-size: var(--custom-toggle-font-size);
+  color: var(--custom-toggle-text-color);
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_input__rS0Vm:checked + .CustomToggle-module_toggle__nLV26 {
+  background-color: var(--custom-toggle-background-color);
+  border-color: var(--custom-toggle-border-color);
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_input__rS0Vm:checked + .CustomToggle-module_toggle__nLV26 .CustomToggle-module_content__-WdzS {
+  color: var(--custom-toggle-text-color);
+}
+.CustomToggle-module_toggleWrapper__LDRQR .CustomToggle-module_input__rS0Vm:focus + .CustomToggle-module_toggle__nLV26 {
+  box-shadow: 0 0 0 2px rgba(var(--custom-toggle-background-color), 0.2);
+}
+.Chip-module_chip__gFkbn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  height: var(--chip-height);
+  min-height: var(--chip-min-height);
+  max-height: var(--chip-max-height);
+  width: var(--chip-width);
+  min-width: var(--chip-min-width);
+  max-width: var(--chip-max-width);
+  padding-top: calc(var(--chip-padding-top) - var(--chip-border-top-width));
+  padding-bottom: calc(var(--chip-padding-bottom) - var(--chip-border-bottom-width));
+  padding-left: calc(var(--chip-padding-left) - var(--chip-border-left-width));
+  padding-right: calc(var(--chip-padding-right) - var(--chip-border-right-width));
+  row-gap: var(--chip-row-gap);
+  -moz-column-gap: var(--chip-column-gap);
+       column-gap: var(--chip-column-gap);
+  border-bottom-width: var(--chip-border-bottom-width);
+  border-left-width: var(--chip-border-left-width);
+  border-right-width: var(--chip-border-right-width);
+  border-top-width: var(--chip-border-top-width);
+  border-style: var(--chip-border-style);
+  border-color: var(--chip-border-color);
+  border-radius: var(--chip-border-radius);
+  background-color: var(--chip-background-color);
+  font-family: var(--chip-font-family);
+  font-size: var(--chip-font-size);
+  font-weight: var(--chip-font-weight);
+  color: var(--chip-color);
+}
+.Chip-module_chip__gFkbn .Chip-module_leadingIcon__wzuFC,
+.Chip-module_chip__gFkbn .Chip-module_trailingIcon__jGkIh {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Chip-module_chip__gFkbn .Chip-module_content__BXoaz {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+}
+.Chip-module_chip__gFkbn.Chip-module_disabled__n16kg {
+  pointer-events: none;
+  opacity: var(--chip-disabled-opacity);
+}
+.Chip-module_chip__gFkbn .Chip-module_closeIcon__NbPxr {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: var(--chip-close-icon-spacing);
+  cursor: pointer;
+}
 ul.ButtonGroup-module_buttonGroup__s1X98 {
   display: flex;
   height: var(--button-group-height);
@@ -595,6 +767,184 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
 ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical-outlined] li button:active:not(:disabled) {
   --button-width: 100%;
 }
+.Breadcrumbs-module_breadcrumbs__Ltk8M {
+  display: flex;
+  list-style: none;
+  height: var(--breadcrumbs-height);
+  min-height: var(--breadcrumbs-min-height);
+  max-height: var(--breadcrumbs-max-height);
+  width: var(--breadcrumbs-width);
+  min-width: var(--breadcrumbs-min-width);
+  max-width: var(--breadcrumbs-max-width);
+  padding-top: calc(var(--breadcrumbs-padding-top) - var(--breadcrumbs-border-top-width));
+  padding-bottom: calc(var(--breadcrumbs-padding-bottom) - var(--breadcrumbs-border-bottom-width));
+  padding-left: calc(var(--breadcrumbs-padding-left) - var(--breadcrumbs-border-left-width));
+  padding-right: calc(var(--breadcrumbs-padding-right) - var(--breadcrumbs-border-right-width));
+  gap: var(--breadcrumbs-gap);
+  -moz-column-gap: var(--breadcrumbs-column-gap);
+       column-gap: var(--breadcrumbs-column-gap);
+  border-bottom-width: var(--breadcrumbs-border-bottom-width);
+  border-left-width: var(--breadcrumbs-border-left-width);
+  border-right-width: var(--breadcrumbs-border-right-width);
+  border-top-width: var(--breadcrumbs-border-top-width);
+  border-style: var(--breadcrumbs-border-style);
+  border-color: var(--breadcrumbs-border-color);
+  border-top-left-radius: var(--breadcrumbs-border-top-left-radius);
+  border-top-right-radius: var(--breadcrumbs-border-top-right-radius);
+  border-bottom-right-radius: var(--breadcrumbs-border-bottom-right-radius);
+  border-bottom-left-radius: var(--breadcrumbs-border-bottom-left-radius);
+  outline-width: var(--breadcrumbs-outline-width);
+  outline-style: var(--breadcrumbs-outline-style);
+  outline-color: var(--breadcrumbs-outline-color);
+  background-color: var(--breadcrumbs-background-color);
+  font-family: var(--breadcrumbs-font-family);
+  font-size: var(--breadcrumbs-font-size);
+  font-weight: var(--breadcrumbs-font-weight);
+  line-height: var(--breadcrumbs-line-height);
+  color: var(--breadcrumbs-color);
+}
+.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_breadcrumbItem__95zLW {
+  display: flex;
+  list-style: none;
+}
+.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_breadcrumbItem__95zLW > * {
+  color: inherit;
+  color: var(--breadcrumb-color, var(--breadcrumbs-color, inherit));
+}
+.Breadcrumbs-module_breadcrumbs__Ltk8M .Breadcrumbs-module_divider__hZkGu > * {
+  color: inherit;
+  color: var(--breadcrumbs-divider-color, var(--breadcrumbs-color, inherit));
+}
+.Breadcrumbs-module_breadcrumbs__Ltk8M.Breadcrumbs-module_disabled__jgYnA {
+  pointer-events: none;
+}
+.Breadcrumb-module_breadcrumb__k0yVd {
+  display: flex;
+  height: var(--breadcrumb-height);
+  min-height: var(--breadcrumb-min-height);
+  max-height: var(--breadcrumb-max-height);
+  width: var(--breadcrumb-width);
+  min-width: var(--breadcrumb-min-width);
+  max-width: var(--breadcrumb-max-width);
+  padding-top: calc(var(--breadcrumb-padding-top) - var(--breadcrumb-border-top-width));
+  padding-bottom: calc(var(--breadcrumb-padding-bottom) - var(--breadcrumb-border-bottom-width));
+  padding-left: calc(var(--breadcrumb-padding-left) - var(--breadcrumb-border-left-width));
+  padding-right: calc(var(--breadcrumb-padding-right) - var(--breadcrumb-border-right-width));
+  gap: var(--breadcrumb-gap);
+  -moz-column-gap: var(--breadcrumb-column-gap);
+       column-gap: var(--breadcrumb-column-gap);
+  border-bottom-width: var(--breadcrumb-border-bottom-width);
+  border-left-width: var(--breadcrumb-border-left-width);
+  border-right-width: var(--breadcrumb-border-right-width);
+  border-top-width: var(--breadcrumb-border-top-width);
+  border-style: var(--breadcrumb-border-style);
+  border-color: var(--breadcrumb-border-color);
+  border-top-left-radius: var(--breadcrumb-border-top-left-radius);
+  border-top-right-radius: var(--breadcrumb-border-top-right-radius);
+  border-bottom-right-radius: var(--breadcrumb-border-bottom-right-radius);
+  border-bottom-left-radius: var(--breadcrumb-border-bottom-left-radius);
+  outline-width: var(--breadcrumb-outline-width);
+  outline-style: var(--breadcrumb-outline-style);
+  outline-color: var(--breadcrumb-outline-color);
+  background-color: var(--breadcrumb-background-color);
+  font-family: var(--breadcrumb-font-family);
+  font-size: var(--breadcrumb-font-size);
+  font-weight: var(--breadcrumb-font-weight);
+  line-height: var(--breadcrumb-line-height);
+  color: var(--breadcrumb-color);
+}
+.Breadcrumb-module_breadcrumb__k0yVd.Breadcrumb-module_disabled__QgMMr {
+  pointer-events: none;
+}
+.Nav-module_nav__bdTQj {
+  --nav-nav-items-gap: 8px;
+  display: flex;
+}
+.Nav-module_nav__bdTQj .Nav-module_navItems__mLo5b {
+  display: flex;
+  flex-direction: row;
+  gap: var(--nav-nav-items-gap);
+}
+.NavItem-module_navItem__uLSwW {
+  display: flex;
+}
+.NavLink-module_navLink__ZbL1G {
+  display: flex;
+  align-items: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.NavLink-module_navLink__ZbL1G.NavLink-module_button__fm4B7 {
+  height: var(--button-height);
+  min-height: var(--button-min-height);
+  max-height: var(--button-max-height);
+  width: var(--button-width);
+  min-width: var(--button-min-width);
+  max-width: var(--button-max-width);
+  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
+  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
+  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
+  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
+  row-gap: var(--button-row-gap);
+  -moz-column-gap: var(--button-column-gap);
+       column-gap: var(--button-column-gap);
+  border-bottom-width: var(--button-border-bottom-width);
+  border-left-width: var(--button-border-left-width);
+  border-right-width: var(--button-border-right-width);
+  border-top-width: var(--button-border-top-width);
+  border-style: var(--button-border-style);
+  border-color: var(--button-border-color);
+  border-top-left-radius: var(--button-border-top-left-radius);
+  border-top-right-radius: var(--button-border-top-right-radius);
+  border-bottom-right-radius: var(--button-border-bottom-right-radius);
+  border-bottom-left-radius: var(--button-border-bottom-left-radius);
+  outline-width: var(--button-outline-width);
+  outline-style: var(--button-outline-style);
+  outline-color: var(--button-outline-color);
+  background-color: var(--button-background-color);
+  font-family: var(--button-font-family);
+  font-size: var(--button-font-size);
+  font-weight: var(--button-font-weight);
+  line-height: var(--button-line-height);
+  color: var(--button-color);
+}
+.NavLink-module_navLink__ZbL1G.NavLink-module_link__FSAEq {
+  height: var(--nav-link-height);
+  min-height: var(--nav-link-min-height);
+  max-height: var(--nav-link-max-height);
+  width: var(--nav-link-width);
+  min-width: var(--nav-link-min-width);
+  max-width: var(--nav-link-max-width);
+  padding-top: calc(var(--nav-link-padding-top) - var(--nav-link-border-top-width));
+  padding-bottom: calc(var(--nav-link-padding-bottom) - var(--nav-link-border-bottom-width));
+  padding-left: calc(var(--nav-link-padding-left) - var(--nav-link-border-left-width));
+  padding-right: calc(var(--nav-link-padding-right) - var(--nav-link-border-right-width));
+  row-gap: var(--nav-link-row-gap);
+  -moz-column-gap: var(--nav-link-column-gap);
+       column-gap: var(--nav-link-column-gap);
+  border-bottom-width: var(--nav-link-border-bottom-width);
+  border-left-width: var(--nav-link-border-left-width);
+  border-right-width: var(--nav-link-border-right-width);
+  border-top-width: var(--nav-link-border-top-width);
+  border-style: var(--nav-link-border-style);
+  border-color: var(--nav-link-border-color);
+  border-top-left-radius: var(--nav-link-border-top-left-radius);
+  border-top-right-radius: var(--nav-link-border-top-right-radius);
+  border-bottom-right-radius: var(--nav-link-border-bottom-right-radius);
+  border-bottom-left-radius: var(--nav-link-border-bottom-left-radius);
+  outline-width: var(--nav-link-outline-width);
+  outline-style: var(--nav-link-outline-style);
+  outline-color: var(--nav-link-outline-color);
+  background-color: var(--nav-link-background-color);
+  font-family: var(--nav-link-font-family);
+  font-size: var(--nav-link-font-size);
+  font-weight: var(--nav-link-font-weight);
+  line-height: var(--nav-link-line-height);
+  color: var(--nav-link-color);
+}
+.NavLink-module_navLink__ZbL1G:disabled {
+  cursor: not-allowed;
+}
 .ContextMenu-module_contextMenuWrapper__Pdkb6 {
   width: -moz-fit-content;
   width: fit-content;
@@ -2043,94 +2393,95 @@ span.flatpickr-weekday {
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.Nav-module_nav__bdTQj {
-  --nav-nav-items-gap: 8px;
-  display: flex;
-}
-.Nav-module_nav__bdTQj .Nav-module_navItems__mLo5b {
-  display: flex;
-  flex-direction: row;
-  gap: var(--nav-nav-items-gap);
-}
-.NavItem-module_navItem__uLSwW {
-  display: flex;
-}
-.NavLink-module_navLink__ZbL1G {
+.ProgressBar-module_progressBar__FcALd {
+  --progress-bar-label-rotation: -90deg;
+  --progress-bar-flex-direction: column-reverse;
   display: flex;
   align-items: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-.NavLink-module_navLink__ZbL1G.NavLink-module_button__fm4B7 {
-  height: var(--button-height);
-  min-height: var(--button-min-height);
-  max-height: var(--button-max-height);
-  width: var(--button-width);
-  min-width: var(--button-min-width);
-  max-width: var(--button-max-width);
-  padding-top: calc(var(--button-padding-top) - var(--button-border-top-width));
-  padding-bottom: calc(var(--button-padding-bottom) - var(--button-border-bottom-width));
-  padding-left: calc(var(--button-padding-left) - var(--button-border-left-width));
-  padding-right: calc(var(--button-padding-right) - var(--button-border-right-width));
-  row-gap: var(--button-row-gap);
-  -moz-column-gap: var(--button-column-gap);
-       column-gap: var(--button-column-gap);
-  border-bottom-width: var(--button-border-bottom-width);
-  border-left-width: var(--button-border-left-width);
-  border-right-width: var(--button-border-right-width);
-  border-top-width: var(--button-border-top-width);
-  border-style: var(--button-border-style);
-  border-color: var(--button-border-color);
-  border-top-left-radius: var(--button-border-top-left-radius);
-  border-top-right-radius: var(--button-border-top-right-radius);
-  border-bottom-right-radius: var(--button-border-bottom-right-radius);
-  border-bottom-left-radius: var(--button-border-bottom-left-radius);
-  outline-width: var(--button-outline-width);
-  outline-style: var(--button-outline-style);
-  outline-color: var(--button-outline-color);
-  background-color: var(--button-background-color);
-  font-family: var(--button-font-family);
-  font-size: var(--button-font-size);
-  font-weight: var(--button-font-weight);
-  line-height: var(--button-line-height);
-  color: var(--button-color);
+  position: relative;
+  overflow: hidden;
+  height: 1rem;
+  height: var(--progress-bar-height, 1rem);
+  min-height: var(--progress-bar-min-height);
+  max-height: var(--progress-bar-max-height);
+  width: 50%;
+  width: var(--progress-bar-width, 50%);
+  min-width: var(--progress-bar-min-width);
+  max-width: var(--progress-bar-max-width);
+  padding-top: calc(var(--progress-bar-padding-top) - var(--progress-bar-border-top-width));
+  padding-bottom: calc(var(--progress-bar-padding-bottom) - var(--progress-bar-border-bottom-width));
+  padding-left: calc(var(--progress-bar-padding-left) - var(--progress-bar-border-left-width));
+  padding-right: calc(var(--progress-bar-padding-right) - var(--progress-bar-border-right-width));
+  border-bottom-width: var(--progress-bar-border-bottom-width);
+  border-left-width: var(--progress-bar-border-left-width);
+  border-right-width: var(--progress-bar-border-right-width);
+  border-top-width: var(--progress-bar-border-top-width);
+  border-style: var(--progress-bar-border-style);
+  border-color: var(--progress-bar-border-color);
+  border-top-left-radius: var(--progress-bar-border-top-left-radius, var(--corner-radius-extra-large));
+  border-top-right-radius: var(--progress-bar-border-top-right-radius, var(--corner-radius-extra-large));
+  border-bottom-right-radius: var(--progress-bar-border-bottom-right-radius, var(--corner-radius-extra-large));
+  border-bottom-left-radius: var(--progress-bar-border-bottom-left-radius, var(--corner-radius-extra-large));
+  outline-width: var(--progress-bar-outline-width);
+  outline-style: var(--progress-bar-outline-style);
+  outline-color: var(--progress-bar-outline-color);
+  background-color: var(--progress-bar-background-color, var(--surface-background-4));
+  color: var(--progress-bar-color);
+  gap: var(--progress-bar-gap);
+}
+.ProgressBar-module_progressBar__FcALd .ProgressBar-module_progressIndicator__pxKOh {
+  background-color: var(--progress-indicator-background-color, var(--interactive-surface-primary-default));
+}
+.ProgressBar-module_progressBar__FcALd .ProgressBar-module_label__A0KnD {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: var(--progress-bar-label-height);
+  min-height: var(--progress-bar-label-min-height);
+  max-height: var(--progress-bar-label-max-height);
+  width: var(--progress-bar-label-width);
+  min-width: var(--progress-bar-label-min-width);
+  max-width: var(--progress-bar-label-max-width);
+  padding-top: calc(var(--progress-bar-label-padding-top) - var(--progress-bar-label-border-top-width));
+  padding-bottom: calc(var(--progress-bar-label-padding-bottom) - var(--progress-bar-label-border-bottom-width));
+  padding-left: calc(var(--progress-bar-label-padding-left) - var(--progress-bar-label-border-left-width));
+  padding-right: calc(var(--progress-bar-label-padding-right) - var(--progress-bar-label-border-right-width));
+  border-bottom-width: var(--progress-bar-label-border-bottom-width);
+  border-left-width: var(--progress-bar-label-border-left-width);
+  border-right-width: var(--progress-bar-label-border-right-width);
+  border-top-width: var(--progress-bar-label-border-top-width);
+  border-style: var(--progress-bar-label-border-style);
+  border-color: var(--progress-bar-label-border-color);
+  border-top-left-radius: var(--progress-bar-label-border-top-left-radius);
+  border-top-right-radius: var(--progress-bar-label-border-top-right-radius);
+  border-bottom-right-radius: var(--progress-bar-label-border-bottom-right-radius);
+  border-bottom-left-radius: var(--progress-bar-label-border-bottom-left-radius);
+  border-radius: var(--progress-border-radius);
+  outline-width: var(--progress-bar-label-outline-width);
+  outline-style: var(--progress-bar-label-outline-style);
+  outline-color: var(--progress-bar-label-outline-color);
+  font-family: var(--progress-bar-label-family);
+  font-size: var(--progress-bar-label-size);
+  font-weight: var(--progress-bar-label-weight);
+  line-height: var(--progress-bar-label-height);
+  color: white;
+  color: var(--progress-bar-label-color, white);
+}
+.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Horizontal__K0u1- {
+  flex-direction: row;
 }
-.NavLink-module_navLink__ZbL1G.NavLink-module_link__FSAEq {
-  height: var(--nav-link-height);
-  min-height: var(--nav-link-min-height);
-  max-height: var(--nav-link-max-height);
-  width: var(--nav-link-width);
-  min-width: var(--nav-link-min-width);
-  max-width: var(--nav-link-max-width);
-  padding-top: calc(var(--nav-link-padding-top) - var(--nav-link-border-top-width));
-  padding-bottom: calc(var(--nav-link-padding-bottom) - var(--nav-link-border-bottom-width));
-  padding-left: calc(var(--nav-link-padding-left) - var(--nav-link-border-left-width));
-  padding-right: calc(var(--nav-link-padding-right) - var(--nav-link-border-right-width));
-  row-gap: var(--nav-link-row-gap);
-  -moz-column-gap: var(--nav-link-column-gap);
-       column-gap: var(--nav-link-column-gap);
-  border-bottom-width: var(--nav-link-border-bottom-width);
-  border-left-width: var(--nav-link-border-left-width);
-  border-right-width: var(--nav-link-border-right-width);
-  border-top-width: var(--nav-link-border-top-width);
-  border-style: var(--nav-link-border-style);
-  border-color: var(--nav-link-border-color);
-  border-top-left-radius: var(--nav-link-border-top-left-radius);
-  border-top-right-radius: var(--nav-link-border-top-right-radius);
-  border-bottom-right-radius: var(--nav-link-border-bottom-right-radius);
-  border-bottom-left-radius: var(--nav-link-border-bottom-left-radius);
-  outline-width: var(--nav-link-outline-width);
-  outline-style: var(--nav-link-outline-style);
-  outline-color: var(--nav-link-outline-color);
-  background-color: var(--nav-link-background-color);
-  font-family: var(--nav-link-font-family);
-  font-size: var(--nav-link-font-size);
-  font-weight: var(--nav-link-font-weight);
-  line-height: var(--nav-link-line-height);
-  color: var(--nav-link-color);
+.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Vertical__wS-gf {
+  flex-direction: var(--progress-bar-flex-direction);
+  height: 8rem;
+  height: var(--progress-bar-height, 8rem);
+  width: 1rem;
+  width: var(--progress-bar-width, 1rem);
 }
-.NavLink-module_navLink__ZbL1G:disabled {
-  cursor: not-allowed;
+.ProgressBar-module_progressBar__FcALd.ProgressBar-module_Vertical__wS-gf .ProgressBar-module_label__A0KnD {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(var(--progress-bar-label-rotation));
 }
 .Select-module_select__sbUrw {
   width: auto;
@@ -2252,34 +2603,33 @@ span.flatpickr-weekday {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: var(--tab-item-height);
-  min-height: var(--tab-item-min-height);
-  max-height: var(--tab-item-max-height);
-  width: var(--tab-item-width);
-  min-width: var(--tab-item-min-width);
-  max-width: var(--tab-item-max-width);
-  padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
-  padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
-  padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
-  padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
-  row-gap: var(--tab-item-row-gap);
-  -moz-column-gap: var(--tab-item-column-gap);
-       column-gap: var(--tab-item-column-gap);
-  border-bottom-width: var(--tab-item-border-bottom-width);
-  border-left-width: var(--tab-item-border-left-width);
-  border-right-width: var(--tab-item-border-right-width);
-  border-top-width: var(--tab-item-border-top-width);
-  border-style: var(--tab-item-border-style);
-  border-color: var(--tab-item-border-color);
-  border-top-left-radius: var(--tab-item-border-top-left-radius);
-  border-top-right-radius: var(--tab-item-border-top-right-radius);
-  border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
-  border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
-  outline-width: var(--tab-item-outline-width);
-  outline-style: var(--tab-item-outline-style);
-  outline-color: var(--tab-item-outline-color);
-  background-color: var(--tab-item-background-color);
-  color: var(--tab-item-color);
+  --button-height: var(--tab-item-height);
+  --button-min-height: var(--tab-item-min-height);
+  --button-max-height: var(--tab-item-max-height);
+  --button-width: var(--tab-item-width);
+  --button-min-width: var(--tab-item-min-width);
+  --button-max-width: var(--tab-item-max-width);
+  --button-padding-top: calc(var(--tab-item-padding-top) - var(--tab-item-border-top-width));
+  --button-padding-bottom: calc(var(--tab-item-padding-bottom) - var(--tab-item-border-bottom-width));
+  --button-padding-left: calc(var(--tab-item-padding-left) - var(--tab-item-border-left-width));
+  --button-padding-right: calc(var(--tab-item-padding-right) - var(--tab-item-border-right-width));
+  --button-row-gap: var(--tab-item-row-gap);
+  --button-column-gap: var(--tab-item-column-gap);
+  --button-border-bottom-width: var(--tab-item-border-bottom-width);
+  --button-border-left-width: var(--tab-item-border-left-width);
+  --button-border-right-width: var(--tab-item-border-right-width);
+  --button-border-top-width: var(--tab-item-border-top-width);
+  --button-border-style: var(--tab-item-border-style);
+  --button-border-color: var(--tab-item-border-color);
+  --button-border-top-left-radius: var(--tab-item-border-top-left-radius);
+  --button-border-top-right-radius: var(--tab-item-border-top-right-radius);
+  --button-border-bottom-right-radius: var(--tab-item-border-bottom-right-radius);
+  --button-border-bottom-left-radius: var(--tab-item-border-bottom-left-radius);
+  --button-outline-width: var(--tab-item-outline-width);
+  --button-outline-style: var(--tab-item-outline-style);
+  --button-outline-color: var(--tab-item-outline-color);
+  --button-background-color: var(--tab-item-background-color);
+  --button-color: var(--tab-item-color);
 }
 
 .TableCell-module_tableCell__N3d8Z {
@@ -2504,6 +2854,153 @@ span.flatpickr-weekday {
 .Grid-module_gridItem__RjtAu > * {
   width: 100%;
 }
+.Accordion-module_root__Duh5q {
+  border-bottom-width: var(--accordion-border-bottom-width);
+  border-left-width: var(--accordion-border-left-width);
+  border-right-width: var(--accordion-border-right-width);
+  border-top-width: var(--accordion-border-top-width);
+  border-style: var(--accordion-border-style);
+  border-color: var(--accordion-border-color);
+  border-top-left-radius: var(--accordion-border-top-left-radius);
+  border-top-right-radius: var(--accordion-border-top-right-radius);
+  border-bottom-right-radius: var(--accordion-border-bottom-right-radius);
+  border-bottom-left-radius: var(--accordion-border-bottom-left-radius);
+  opacity: var(--accordion-opacity);
+  cursor: pointer;
+}
+.Accordion-module_root__Duh5q .Accordion-module_summary__--VnU {
+  list-style: none;
+  cursor: pointer;
+  padding-top: var(--accordion-summary-padding-top);
+  padding-bottom: var(--accordion-summary-padding-bottom);
+  padding-left: var(--accordion-summary-padding-left);
+  padding-right: var(--accordion-summary-padding-right);
+  font-weight: var(--accordion-summary-font-weight);
+  font-size: var(--accordion-summary-font-size);
+  font-family: var(--accordion-summary-font-family);
+  background-color: var(--accordion-summary-background-color);
+  border-bottom-width: var(--accordion-summary-border-bottom-width);
+  border-bottom-style: var(--accordion-summary-border-bottom-style);
+  border-bottom-color: var(--accordion-summary-border-bottom-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--accordion-summary-gap);
+  min-height: var(--accordion-summary-min-height);
+}
+.Accordion-module_root__Duh5q .Accordion-module_summary__--VnU::-webkit-details-marker {
+  display: none;
+}
+.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.3s ease;
+}
+.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 .Accordion-module_icon__FbZ7p {
+  height: var(--accordion-icon-size);
+  width: var(--accordion-icon-size);
+}
+.Accordion-module_root__Duh5q .Accordion-module_expandIcon__BNP45 .Accordion-module_icon__FbZ7p > * path {
+  fill: var(--accordion-icon-fill);
+}
+.Accordion-module_root__Duh5q[open] .Accordion-module_expandIcon__BNP45 {
+  transform: rotate(90deg);
+}
+.Accordion-module_root__Duh5q .Accordion-module_content__TmCTd {
+  display: flex;
+  overflow: hidden;
+  padding-top: var(--accordion-content-padding-top);
+  padding-bottom: var(--accordion-content-padding-bottom);
+  padding-left: var(--accordion-content-padding-left);
+  padding-right: var(--accordion-content-padding-right);
+  color: var(--accordion-content-color);
+  font-size: var(--accordion-content-font-size);
+  font-family: var(--accordion-content-font-family);
+  background-color: var(--accordion-content-background-color);
+}
+.AccordionGroup-module_root__0n8b2 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--accordion-group-row-gap) var(--accordion-group-column-gap);
+  border-style: var(--accordion-group-border-style);
+  border-color: var(--accordion-group-border-color);
+  border-top-left-radius: var(--accordion-group-border-top-left-radius);
+  border-top-right-radius: var(--accordion-group-border-top-right-radius);
+  border-bottom-right-radius: var(--accordion-group-border-bottom-right-radius);
+  border-bottom-left-radius: var(--accordion-group-border-bottom-left-radius);
+  padding-top: var(--accordion-group-padding-top);
+  padding-bottom: var(--accordion-group-padding-bottom);
+  padding-left: var(--accordion-group-padding-left);
+  padding-right: var(--accordion-group-padding-right);
+  background-color: var(--accordion-group-background-color);
+}
+.ModalFooter-module_modalFooter__-h9fA {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  height: var(--modal-footer-height);
+  min-height: var(--modal-footer-min-height);
+  max-height: var(--modal-footer-max-height);
+  width: var(--modal-footer-width);
+  min-width: var(--modal-footer-min-width);
+  max-width: var(--modal-footer-max-width);
+  padding-top: calc(var(--modal-footer-padding-top) - var(--modal-footer-border-top-width));
+  padding-bottom: calc(var(--modal-footer-padding-bottom) - var(--modal-footer-border-bottom-width));
+  padding-left: calc(var(--modal-footer-padding-left) - var(--modal-footer-border-left-width));
+  padding-right: calc(var(--modal-footer-padding-right) - var(--modal-footer-border-right-width));
+  row-gap: var(--modal-footer-row-gap);
+  -moz-column-gap: var(--modal-footer-column-gap);
+       column-gap: var(--modal-footer-column-gap);
+  border-bottom-width: var(--modal-footer-border-bottom-width);
+  border-left-width: var(--modal-footer-border-left-width);
+  border-right-width: var(--modal-footer-border-right-width);
+  border-top-width: var(--modal-footer-border-top-width);
+  border-style: var(--modal-footer-border-style);
+  border-color: var(--modal-footer-border-color);
+  border-top-left-radius: var(--modal-footer-border-top-left-radius);
+  border-top-right-radius: var(--modal-footer-border-top-right-radius);
+  border-bottom-right-radius: var(--modal-footer-border-bottom-right-radius);
+  border-bottom-left-radius: var(--modal-footer-border-bottom-left-radius);
+  outline-width: var(--modal-footer-outline-width);
+  outline-style: var(--modal-footer-outline-style);
+  outline-color: var(--modal-footer-outline-color);
+  background-color: var(--modal-footer-background-color);
+  color: var(--modal-footer-color);
+}
+.ModalHeader-module_modalHeader__6Zioa {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--modal-header-height);
+  min-height: var(--modal-header-min-height);
+  max-height: var(--modal-header-max-height);
+  width: var(--modal-header-width);
+  min-width: var(--modal-header-min-width);
+  max-width: var(--modal-header-max-width);
+  padding-top: calc(var(--modal-header-padding-top) - var(--modal-header-border-top-width));
+  padding-bottom: calc(var(--modal-header-padding-bottom) - var(--modal-header-border-bottom-width));
+  padding-left: calc(var(--modal-header-padding-left) - var(--modal-header-border-left-width));
+  padding-right: calc(var(--modal-header-padding-right) - var(--modal-header-border-right-width));
+  row-gap: var(--modal-header-row-gap);
+  -moz-column-gap: var(--modal-header-column-gap);
+       column-gap: var(--modal-header-column-gap);
+  border-bottom-width: var(--modal-header-border-bottom-width);
+  border-left-width: var(--modal-header-border-left-width);
+  border-right-width: var(--modal-header-border-right-width);
+  border-top-width: var(--modal-header-border-top-width);
+  border-style: var(--modal-header-border-style);
+  border-color: var(--modal-header-border-color);
+  border-top-left-radius: var(--modal-header-border-top-left-radius);
+  border-top-right-radius: var(--modal-header-border-top-right-radius);
+  border-bottom-right-radius: var(--modal-header-border-bottom-right-radius);
+  border-bottom-left-radius: var(--modal-header-border-bottom-left-radius);
+  outline-width: var(--modal-header-outline-width);
+  outline-style: var(--modal-header-outline-style);
+  outline-color: var(--modal-header-outline-color);
+  background-color: var(--modal-header-background-color);
+  color: var(--modal-header-color);
+}
 .Form-module_form__9JYdv {
   display: flex;
   flex-direction: column;
@@ -13635,172 +14132,73 @@ span.flatpickr-weekday {
         --button-group-padding-top: var(--spacing-none);
         --button-group-padding-bottom: var(--spacing-none)
     }
-[data-theme="light"] [component-variant^="tabs-"], [data-theme="dark"] [component-variant^="tabs-"] {
-        --tabs-opacity: 1;
-        --tabs-height: auto;
-        --tabs-min-height: auto;
-        --tabs-max-height: none;
-        --tabs-width: auto;
-        --tabs-min-width: auto;
-        --tabs-max-width: none;
-        --tabs-background-color: transparent;
-        --tabs-fill: currentcolor;
-        --tabs-border-top-left-radius: 0px;
-        --tabs-border-top-right-radius: 0px;
-        --tabs-border-bottom-left-radius: 0px;
-        --tabs-border-bottom-right-radius: 0px;
-        --tabs-border-color: transparent;
-        --tabs-border-style: solid;
-        --tabs-border-gap: normal;
-        --tabs-border-dash: none;
-        --tabs-border-top-width: 0px;
-        --tabs-border-right-width: 0px;
-        --tabs-border-bottom-width: 0px;
-        --tabs-border-left-width: 0px;
-        --tabs-outline-color: auto;
-        --tabs-outline-style: solid;
-        --tabs-outline-width: 0px;
-        --tabs-padding-left: 0px;
-        --tabs-padding-right: 0px;
-        --tabs-padding-top: 0px;
-        --tabs-padding-bottom: 0px;
-        --tabs-row-gap: 0px;
-        --tabs-column-gap: 0px;
-        --tabs-font-family: sans-serif;
-        --tabs-font-size: medium;
-        --tabs-color: currentcolor;
-        --tabs-letter-spacing: normal;
-        --tabs-line-height: normal;
-        --tabs-paragraph-spacing: ;
-        --tabs-paragraph-indent: 
-    }
-[data-theme="light"] [component-variant="tabs-filled-horizontal"], [data-theme="dark"] [component-variant="tabs-filled-horizontal"] {
-        --tabs-padding-left: var(--spacing-none);
-        --tabs-padding-right: var(--spacing-none);
-        --tabs-padding-top: var(--spacing-none);
-        --tabs-padding-bottom: var(--spacing-none);
-        --tabs-column-gap: var(--spacing-none);
-        --tabs-font-family: sans-sarif;
-        --tabs-font-size: initial;
-        --tabs-font-weight: regular;
-        --tabs-paragraph-spacing: 0px;
-        --tabs-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-underlined-horizontal"], [data-theme="dark"] [component-variant="tabs-underlined-horizontal"] {
-        --tabs-padding-left: var(--spacing-none);
-        --tabs-padding-right: var(--spacing-none);
-        --tabs-padding-top: var(--spacing-none);
-        --tabs-padding-bottom: var(--spacing-none);
-        --tabs-column-gap: var(--spacing-none);
-        --tabs-font-family: sans-sarif;
-        --tabs-font-size: initial;
-        --tabs-font-weight: regular;
-        --tabs-paragraph-spacing: 0px;
-        --tabs-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-underlined-vertical"], [data-theme="dark"] [component-variant="tabs-underlined-vertical"] {
-        --tabs-width: 346px;
-        --tabs-padding-left: var(--spacing-none);
-        --tabs-padding-right: var(--spacing-none);
-        --tabs-padding-top: var(--spacing-none);
-        --tabs-padding-bottom: var(--spacing-none);
-        --tabs-column-gap: var(--spacing-none);
-        --tabs-font-family: sans-sarif;
-        --tabs-font-size: initial;
-        --tabs-font-weight: regular;
-        --tabs-paragraph-spacing: 0px;
-        --tabs-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-filled-vertical"], [data-theme="dark"] [component-variant="tabs-filled-vertical"] {
-        --tabs-width: 435px;
-        --tabs-padding-left: var(--spacing-none);
-        --tabs-padding-right: var(--spacing-none);
-        --tabs-padding-top: var(--spacing-none);
-        --tabs-padding-bottom: var(--spacing-none);
-        --tabs-column-gap: var(--spacing-none);
-        --tabs-font-family: sans-sarif;
-        --tabs-font-size: initial;
-        --tabs-font-weight: regular;
-        --tabs-paragraph-spacing: 0px;
-        --tabs-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-filled-horizontal"], [data-theme="dark"] [component-variant="tabs-filled-horizontal"] {
-        --tabs-header-width: 100%;
-        --tabs-header-background-color: var(--surface-background-1);
-        --tabs-header-border-top-left-radius: 6px;
-        --tabs-header-border-top-right-radius: 6px;
-        --tabs-header-border-bottom-left-radius: 6px;
-        --tabs-header-border-bottom-right-radius: 6px;
-        --tabs-header-border-color: rgb(56, 58, 68);
+[data-theme="light"] [component-variant^="tabs-header-"], [data-theme="dark"] [component-variant^="tabs-header-"] {
+        --tabs-header-opacity: 1;
+        --tabs-header-height: auto;
+        --tabs-header-min-height: auto;
+        --tabs-header-max-height: none;
+        --tabs-header-width: auto;
+        --tabs-header-min-width: auto;
+        --tabs-header-max-width: none;
+        --tabs-header-background-color: transparent;
+        --tabs-header-fill: currentcolor;
+        --tabs-header-border-top-left-radius: 0px;
+        --tabs-header-border-top-right-radius: 0px;
+        --tabs-header-border-bottom-left-radius: 0px;
+        --tabs-header-border-bottom-right-radius: 0px;
+        --tabs-header-border-color: transparent;
+        --tabs-header-border-style: solid;
+        --tabs-header-border-gap: normal;
+        --tabs-header-border-dash: none;
+        --tabs-header-border-top-width: 0px;
+        --tabs-header-border-right-width: 0px;
+        --tabs-header-border-bottom-width: 0px;
+        --tabs-header-border-left-width: 0px;
+        --tabs-header-outline-color: auto;
+        --tabs-header-outline-style: solid;
+        --tabs-header-outline-width: 0px;
+        --tabs-header-padding-left: 0px;
+        --tabs-header-padding-right: 0px;
+        --tabs-header-padding-top: 0px;
+        --tabs-header-padding-bottom: 0px;
+        --tabs-header-row-gap: 0px;
+        --tabs-header-column-gap: 0px;
+        --tabs-header-font-family: sans-serif;
+        --tabs-header-font-size: medium;
+        --tabs-header-color: currentcolor;
+        --tabs-header-letter-spacing: normal;
+        --tabs-header-line-height: normal;
+        --tabs-header-paragraph-spacing: ;
+        --tabs-header-paragraph-indent: 
+    }
+[data-theme="light"] [component-variant="tabs-header-default"], [data-theme="dark"] [component-variant="tabs-header-default"] {
+        --tabs-header-background-color: var(--colours-grey-700);
+        --tabs-header-color: var(--text-inverse);
+        --tabs-header-border-top-left-radius: var(--corner-radius-extra-small);
+        --tabs-header-border-top-right-radius: var(--corner-radius-extra-small);
+        --tabs-header-border-bottom-left-radius: var(--corner-radius-extra-small);
+        --tabs-header-border-bottom-right-radius: var(--corner-radius-extra-small);
+        --tabs-header-border-color: var(--border-border-grey-3);
         --tabs-header-border-top-width: 1px;
         --tabs-header-border-right-width: 1px;
         --tabs-header-border-bottom-width: 1px;
         --tabs-header-border-left-width: 1px;
-        --tabs-header-padding-left: var(--spacing-extra-extra-small);
-        --tabs-header-padding-right: var(--spacing-extra-extra-small);
-        --tabs-header-padding-top: var(--spacing-extra-extra-small);
-        --tabs-header-padding-bottom: var(--spacing-extra-extra-small);
-        --tabs-header-row-gap: 8px;
-        --tabs-header-font-family: sans-sarif;
-        --tabs-header-font-size: initial;
-        --tabs-header-font-weight: regular;
+        --tabs-header-padding-left: 2px;
+        --tabs-header-padding-right: 2px;
+        --tabs-header-padding-top: 2px;
+        --tabs-header-padding-bottom: 2px;
+        --tabs-header-row-gap: 4px;
+        --tabs-header-column-gap: var(--spacing-extra-small);
+        --tabs-header-font-family: var(--font-family-body);
+        --tabs-header-font-size: var(--font-size-body-small);
+        --tabs-header-font-weight: var(--font-weight-medium);
+        --tabs-header-line-height: var(--line-height-body-small);
         --tabs-header-paragraph-spacing: 0px;
-        --tabs-header-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-underlined-horizontal"], [data-theme="dark"] [component-variant="tabs-underlined-horizontal"] {
+        --tabs-header-paragraph-indent: 0px;
         --tabs-header-width: 100%;
-        --tabs-header-border-top-left-radius: 6px;
-        --tabs-header-border-top-right-radius: 6px;
-        --tabs-header-border-bottom-left-radius: 6px;
-        --tabs-header-border-bottom-right-radius: 6px;
-        --tabs-header-padding-left: var(--spacing-extra-extra-small);
-        --tabs-header-padding-right: var(--spacing-extra-extra-small);
-        --tabs-header-padding-top: var(--spacing-extra-extra-small);
-        --tabs-header-padding-bottom: var(--spacing-extra-extra-small);
-        --tabs-header-row-gap: 8px;
-        --tabs-header-font-family: sans-sarif;
-        --tabs-header-font-size: initial;
-        --tabs-header-font-weight: regular;
-        --tabs-header-paragraph-spacing: 0px;
-        --tabs-header-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-underlined-vertical"], [data-theme="dark"] [component-variant="tabs-underlined-vertical"] {
-        --tabs-header-border-top-left-radius: 6px;
-        --tabs-header-border-top-right-radius: 6px;
-        --tabs-header-border-bottom-left-radius: 6px;
-        --tabs-header-border-bottom-right-radius: 6px;
-        --tabs-header-padding-left: var(--spacing-extra-extra-small);
-        --tabs-header-padding-right: var(--spacing-extra-extra-small);
-        --tabs-header-padding-top: var(--spacing-extra-extra-small);
-        --tabs-header-padding-bottom: var(--spacing-extra-extra-small);
-        --tabs-header-row-gap: 8px;
-        --tabs-header-font-family: sans-sarif;
-        --tabs-header-font-size: initial;
-        --tabs-header-font-weight: regular;
-        --tabs-header-paragraph-spacing: 0px;
-        --tabs-header-paragraph-indent: 0px
-    }
-[data-theme="light"] [component-variant="tabs-filled-vertical"], [data-theme="dark"] [component-variant="tabs-filled-vertical"] {
-        --tabs-header-background-color: var(--surface-background-1);
-        --tabs-header-border-top-left-radius: 6px;
-        --tabs-header-border-top-right-radius: 6px;
-        --tabs-header-border-bottom-left-radius: 6px;
-        --tabs-header-border-bottom-right-radius: 6px;
-        --tabs-header-border-color: rgb(56, 58, 68);
-        --tabs-header-border-top-width: 1px;
-        --tabs-header-border-right-width: 1px;
-        --tabs-header-border-bottom-width: 1px;
-        --tabs-header-border-left-width: 1px;
-        --tabs-header-padding-left: var(--spacing-extra-extra-small);
-        --tabs-header-padding-right: var(--spacing-extra-extra-small);
-        --tabs-header-padding-top: var(--spacing-extra-extra-small);
-        --tabs-header-padding-bottom: var(--spacing-extra-extra-small);
-        --tabs-header-row-gap: 8px;
-        --tabs-header-font-family: sans-sarif;
-        --tabs-header-font-size: initial;
-        --tabs-header-font-weight: regular;
-        --tabs-header-paragraph-spacing: 0px;
-        --tabs-header-paragraph-indent: 0px
+        --tabs-header-height: 100%;
+        --tabs-header-outline-color: var(--colours-brown-600);
+        --tabs-header-outline-width: 1px
     }
 [data-theme="light"] [component-variant^="form-"], [data-theme="dark"] [component-variant^="form-"] {
         --form-opacity: 1;
@@ -14333,6 +14731,9 @@ span.flatpickr-weekday {
     --corner-radius-extra-small: var(--numbers-space-2);
     --corner-radius-small: var(--numbers-space-3);
     --corner-radius-medium: var(--numbers-space-4);
+    --corner-radius-large: var(--numbers-space-5);
+    --corner-radius-extra-large: var(--numbers-space-6);
+    --corner-radius-extra-extra-large: var(--numbers-space-7);
 
     /* Semantic [Typography] */
     --font-family-title: var(--font-family-font-family-1);