@koobiq/react-components 0.0.1-beta.9 → 0.1.0

package/dist/style.css

@@ -560,12 +560,12 @@
   inset: 0;
 }
 
-.kbq-button-hovered-037da3 {
+.kbq-button-hovered-037da3:not(.kbq-button-loading-dbac1d) {
   --button-border-color: var(--button-border-color-hover);
   background-color: var(--button-bg-color-hover);
 }
 
-.kbq-button-pressed-508d5d {
+.kbq-button-pressed-508d5d:not(.kbq-button-loading-dbac1d) {
   --button-border-color: var(--button-border-color-active);
   background-color: var(--button-bg-color-active);
 }
@@ -574,7 +574,7 @@
   --button-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-.kbq-button-progress-f454f0, .kbq-button-disabled-1df5f6 {
+.kbq-button-loading-dbac1d, .kbq-button-disabled-1df5f6 {
   cursor: not-allowed;
 }
 
@@ -1305,6 +1305,78 @@
   text-underline-offset: inherit;
   font-family: inherit;
 }
+
+.kbq-utility-list-792630 {
+  outline: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: auto;
+}
+
+.kbq-utility-list-item-862731 {
+  --list-item-bg-color: ;
+  --list-item-outline-color: transparent;
+  --list-item-outline-width: var(--kbq-size-3xs);
+  cursor: pointer;
+  box-sizing: border-box;
+  gap: var(--kbq-size-s);
+  border-radius: var(--kbq-size-s);
+  color: var(--kbq-foreground-contrast);
+  background-color: var(--list-item-bg-color);
+  padding: var(--kbq-size-xs) var(--kbq-size-m);
+  outline-offset: calc(-1 * var(--list-item-outline-width));
+  outline: var(--list-item-outline-width) solid var(--list-item-outline-color);
+  transition: border-color var(--kbq-transition-default), border-radius var(--kbq-transition-default), background-color var(--kbq-transition-default), color var(--kbq-transition-default);
+  flex-shrink: 0;
+  align-items: center;
+  text-decoration: none;
+  display: flex;
+}
+
+.kbq-utility-list-item-862731:where([data-hovered="true"]) {
+  --list-item-bg-color: var(--kbq-states-background-transparent-hover);
+}
+
+.kbq-utility-list-item-862731:where([data-pressed="true"]) {
+  --list-item-bg-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-utility-list-item-862731:where([data-focus-visible="true"]) {
+  --list-item-outline-color: var(--kbq-states-line-focus-theme);
+}
+
+.kbq-utility-list-item-862731:where([data-selected="true"]) {
+  --list-item-bg-color: var(--kbq-background-theme-less);
+}
+
+.kbq-utility-list-item-862731:where([data-selected="true"][data-hovered="true"]) {
+  --list-item-bg-color: var(--kbq-states-background-theme-less-hover);
+}
+
+.kbq-utility-list-item-862731:where([data-selected="true"][data-pressed="true"]) {
+  --list-item-bg-color: var(--kbq-states-background-theme-less-active);
+}
+
+.kbq-utility-list-item-862731:where([data-disabled="true"]), .kbq-utility-list-item-862731:where([aria-disabled="true"]) {
+  --list-item-bg-color: ;
+  cursor: not-allowed;
+  opacity: .3;
+}
+
+.kbq-utility-list-item-862731:where([data-selected="true"][data-disabled="true"]), .kbq-utility-list-item-862731:where([data-selected="true"][aria-disabled="true"]) {
+  --list-item-bg-color: var(--kbq-background-theme-less);
+}
+
+.kbq-utility-list-792630[aria-multiselectable="true"] .kbq-utility-list-item-862731:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) {
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+}
+
+.kbq-utility-list-792630[aria-multiselectable="true"] .kbq-utility-list-item-862731:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
 .kbq-typography-645b00 {
   margin: unset;
 }
@@ -1363,6 +1435,7 @@
   color: var(--checkbox-color);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-checkbox-checkbox-dbb3d9 {
@@ -1377,16 +1450,13 @@
   background-color: var(--checkbox-bg-color);
   outline-offset: calc(-1 * var(--checkbox-outline-width) / 2);
   outline: var(--checkbox-outline-width) solid var(--checkbox-outline-color);
+  flex-shrink: 0;
   justify-content: center;
   align-items: center;
   display: flex;
   position: relative;
 }
 
-.kbq-checkbox-checkbox-dbb3d9 > * {
-  flex-shrink: 0;
-}
-
 .kbq-checkbox-normal-646719 {
   --checkbox-size: var(--kbq-size-l);
   --checkbox-margin-block: var(--kbq-size-3xs);
@@ -1424,34 +1494,35 @@
   --checkbox-border-color: var(--kbq-line-contrast-fade);
 }
 
-.kbq-checkbox-checked-e66779 {
+.kbq-checkbox-selected-ba10f0 {
   --checkbox-icon-color: var(--kbq-white-default);
   --checkbox-bg-color: var(--kbq-background-theme);
   --checkbox-border-color: var(--kbq-background-theme);
 }
 
-.kbq-checkbox-checked-e66779:where(.kbq-checkbox-hovered-a8a95e) {
+.kbq-checkbox-selected-ba10f0:where(.kbq-checkbox-hovered-a8a95e) {
   --checkbox-icon-color: var(--kbq-white-default);
   --checkbox-bg-color: var(--kbq-states-background-theme-hover);
   --checkbox-border-color: var(--kbq-states-background-theme-hover);
 }
 
-.kbq-checkbox-error-3cdabd {
+.kbq-checkbox-invalid-253c35 {
   --checkbox-border-color: var(--kbq-line-error);
+  --checkbox-bg-color: var(--kbq-background-error-less);
 }
 
-.kbq-checkbox-error-3cdabd:where(.kbq-checkbox-hovered-a8a95e) {
+.kbq-checkbox-invalid-253c35:where(.kbq-checkbox-hovered-a8a95e) {
   --checkbox-border-color: var(--kbq-line-error);
   --checkbox-bg-color: var(--kbq-states-background-error-fade-hover);
 }
 
-.kbq-checkbox-error-3cdabd:where(.kbq-checkbox-checked-e66779) {
+.kbq-checkbox-invalid-253c35:where(.kbq-checkbox-selected-ba10f0) {
   --checkbox-icon-color: var(--kbq-white-default);
   --checkbox-border-color: var(--kbq-background-error);
   --checkbox-bg-color: var(--kbq-background-error);
 }
 
-.kbq-checkbox-error-3cdabd:where(.kbq-checkbox-checked-e66779.kbq-checkbox-hovered-a8a95e) {
+.kbq-checkbox-invalid-253c35:where(.kbq-checkbox-selected-ba10f0.kbq-checkbox-hovered-a8a95e) {
   --checkbox-icon-color: var(--kbq-white-default);
   --checkbox-border-color: var(--kbq-states-background-error-hover);
   --checkbox-bg-color: var(--kbq-states-background-error-hover);
@@ -1462,7 +1533,7 @@
   --checkbox-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-.kbq-checkbox-focusVisible-c41061:where(.kbq-checkbox-error-3cdabd) {
+.kbq-checkbox-focusVisible-c41061:where(.kbq-checkbox-invalid-253c35) {
   --checkbox-border-color: transparent;
   --checkbox-outline-color: var(--kbq-states-line-focus-error);
 }
@@ -1486,7 +1557,7 @@
   cursor: not-allowed;
 }
 
-.kbq-checkbox-checked-e66779:where(.kbq-checkbox-disabled-e359aa) {
+.kbq-checkbox-selected-ba10f0:where(.kbq-checkbox-disabled-e359aa) {
   --checkbox-icon-color: var(--kbq-states-icon-disabled);
 }
 
@@ -1581,19 +1652,19 @@
   text-decoration-color: var(--kbq-line-theme-less);
 }
 
-.kbq-link-visitable-c8175e:where(:visited) {
+.kbq-link-allowVisited-cb5a56:where(:visited) {
   color: var(--kbq-foreground-visited);
   -webkit-text-decoration-color: var(--kbq-line-visited);
   text-decoration-color: var(--kbq-line-visited);
 }
 
-.kbq-link-visitable-c8175e:where(.kbq-link-hovered-1916bc:visited) {
+.kbq-link-allowVisited-cb5a56:where(.kbq-link-hovered-1916bc:visited) {
   color: var(--kbq-states-foreground-visited-hover);
   -webkit-text-decoration-color: var(--kbq-line-visited);
   text-decoration-color: var(--kbq-line-visited);
 }
 
-.kbq-link-visitable-c8175e:where(.kbq-link-pressed-0b493d:visited) {
+.kbq-link-allowVisited-cb5a56:where(.kbq-link-pressed-0b493d:visited) {
   color: var(--kbq-states-foreground-visited-active);
   -webkit-text-decoration-color: var(--kbq-line-visited);
   text-decoration-color: var(--kbq-line-visited);
@@ -1841,7 +1912,7 @@
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
-  display: flex;
+  display: inline-flex;
   position: relative;
 }
 
@@ -1909,9 +1980,10 @@
   --field-control-end-addon-inline-size: 36px;
 }
 .kbq-fieldaddon-3388d3 {
+  --field-addon-color: var(--kbq-icon-contrast-fade);
   z-index: 1;
   block-size: 100%;
-  color: var(--kbq-icon-contrast-fade);
+  color: var(--field-addon-color);
   transition: color var(--kbq-transition-default);
   justify-content: center;
   align-items: center;
@@ -1928,8 +2000,12 @@
   inset-inline-end: 0;
 }
 
-.kbq-fieldaddon-error-278697 {
-  color: var(--kbq-icon-error);
+.kbq-fieldaddon-invalid-08b1fe {
+  --field-addon-color: var(--kbq-icon-error);
+}
+
+.kbq-fieldaddon-disabled-c170bf {
+  --field-addon-color: var(--kbq-states-icon-disabled);
 }
 .kbq-fieldinput-77b90b {
   --field-input-color: ;
@@ -1998,7 +2074,7 @@
   --field-input-placeholder-color: var(--kbq-foreground-contrast-tertiary);
 }
 
-.kbq-fieldinput-filled-abb632:where(.kbq-fieldinput-error-00c0a4) {
+.kbq-fieldinput-filled-abb632:where(.kbq-fieldinput-invalid-2af82b) {
   --field-input-color: var(--kbq-foreground-error);
   --field-input-border-color: var(--kbq-line-error);
   --field-input-outline-color: var(--kbq-states-line-focus-error);
@@ -2006,7 +2082,7 @@
   --field-input-placeholder-color: var(--kbq-foreground-error-tertiary);
 }
 
-.kbq-fieldinput-transparent-ed7263:where(.kbq-fieldinput-error-00c0a4) {
+.kbq-fieldinput-transparent-ed7263:where(.kbq-fieldinput-invalid-2af82b) {
   --field-input-color: var(--kbq-foreground-error);
   --field-input-border-color: transparent;
   --field-input-outline-color: transparent;
@@ -2039,6 +2115,7 @@
   letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
   text-underline-offset: calc(( var(--kbq-typography-text-compact-line-height)  - var(--kbq-typography-text-compact-font-size)) / 2);
   color: var(--kbq-foreground-contrast-secondary);
+  margin: 0;
   transition: color var(--kbq-transition-default);
   margin-block-start: var(--kbq-size-xxs);
 }
@@ -2054,6 +2131,7 @@
   letter-spacing: var(--kbq-typography-text-compact-letter-spacing);
   text-underline-offset: calc(( var(--kbq-typography-text-compact-line-height)  - var(--kbq-typography-text-compact-font-size)) / 2);
   color: var(--kbq-foreground-error);
+  margin: 0;
   transition: color var(--kbq-transition-default);
   margin-block-start: var(--kbq-size-xxs);
 }
@@ -2065,37 +2143,22 @@
   resize: block;
   overflow: auto;
 }
-.kbq-fieldnumbercontrol-9b0b2d {
-  --field-input-padding-inline-start: var(--kbq-size-m);
-  --field-input-padding-inline-end: var(--kbq-size-m);
-  --field-input-padding-block-start: var(--kbq-size-xs);
-  --field-input-padding-block-end: var(--kbq-size-xs);
+.kbq-inputnumbercountercontrols-77ed13 {
   flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
+  margin-inline-end: calc(-1 * var(--kbq-size-s));
   display: flex;
-  position: relative;
 }
 
-.kbq-fieldnumbercontrol-fullWidth-d20d89 {
-  inline-size: 100%;
-}
-.kbq-inputnumbercountercontrols-77ed13 {
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity var(--kbq-transition-default);
-  flex-direction: column;
-  margin-inline-end: -8px;
-  display: flex;
+.kbq-inputnumbercountercontrols-counter-1126db {
+  inline-size: var(--kbq-size-3xl);
 }
 
-.kbq-inputnumbercountercontrols-visible-5885f8 {
-  visibility: visible;
-  opacity: 1;
+.kbq-inputnumbercountercontrols-increment-d89a95 > svg {
+  margin-block-end: calc(-1 * var(--kbq-size-3xs));
 }
 
-.kbq-inputnumbercountercontrols-counter-1126db {
-  inline-size: var(--kbq-size-3xl);
+.kbq-inputnumbercountercontrols-decrement-fbd37a > svg {
+  margin-block-start: calc(-1 * var(--kbq-size-3xs));
 }
 .kbq-radio-c3ed31 {
   --radio-size: ;
@@ -2116,6 +2179,7 @@
   color: var(--radio-color);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-radio-circle-a0903b {
@@ -2130,6 +2194,7 @@
   transition: background-color var(--kbq-transition-default), border var(--kbq-transition-default), outline-color var(--kbq-transition-default);
   outline-offset: calc(-1 * var(--radio-outline-width) / 2);
   outline: var(--radio-outline-width) solid var(--radio-outline-color);
+  flex-shrink: 0;
   justify-content: center;
   align-items: center;
   display: flex;
@@ -2175,40 +2240,40 @@
   --radio-border-color: var(--kbq-line-contrast-fade);
 }
 
-.kbq-radio-checked-a71e68 {
+.kbq-radio-selected-15ea41 {
   --radio-icon-color: var(--kbq-white-default);
   --radio-border-color: var(--kbq-background-theme);
   --radio-bg-color: var(--kbq-background-theme);
   --radio-opacity: 1;
 }
 
-.kbq-radio-checked-a71e68 .kbq-radio-icon-148a68 {
+.kbq-radio-selected-15ea41 .kbq-radio-icon-148a68 {
   opacity: 1;
   transform: scale(1);
 }
 
-.kbq-radio-checked-a71e68:where(.kbq-radio-hovered-3999f1) {
+.kbq-radio-selected-15ea41:where(.kbq-radio-hovered-3999f1) {
   --radio-icon-color: var(--kbq-white-default);
   --radio-bg-color: var(--kbq-states-background-theme-hover);
   --radio-border-color: var(--kbq-states-background-theme-hover);
 }
 
-.kbq-radio-error-52bb9e {
+.kbq-radio-invalid-e69d52 {
   --radio-border-color: var(--kbq-line-error);
 }
 
-.kbq-radio-error-52bb9e:where(.kbq-radio-hovered-3999f1) {
+.kbq-radio-invalid-e69d52:where(.kbq-radio-hovered-3999f1) {
   --radio-border-color: var(--kbq-line-error);
   --radio-bg-color: var(--kbq-states-background-error-fade-hover);
 }
 
-.kbq-radio-error-52bb9e:where(.kbq-radio-checked-a71e68) {
+.kbq-radio-invalid-e69d52:where(.kbq-radio-selected-15ea41) {
   --radio-icon-color: var(--kbq-white-default);
   --radio-border-color: var(--kbq-background-error);
   --radio-bg-color: var(--kbq-background-error);
 }
 
-.kbq-radio-error-52bb9e:where(.kbq-radio-checked-a71e68.kbq-radio-hovered-3999f1) {
+.kbq-radio-invalid-e69d52:where(.kbq-radio-selected-15ea41.kbq-radio-hovered-3999f1) {
   --radio-icon-color: var(--kbq-white-default);
   --radio-border-color: var(--kbq-states-background-error-hover);
   --radio-bg-color: var(--kbq-states-background-error-hover);
@@ -2219,7 +2284,7 @@
   --radio-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-.kbq-radio-focusVisible-6613a5:where(.kbq-radio-error-52bb9e) {
+.kbq-radio-focusVisible-6613a5:where(.kbq-radio-invalid-e69d52) {
   --radio-border-color: transparent;
   --radio-outline-color: var(--kbq-states-line-focus-error);
 }
@@ -2231,7 +2296,7 @@
   cursor: not-allowed;
 }
 
-.kbq-radio-checked-a71e68:where(.kbq-radio-disabled-d60f1e) {
+.kbq-radio-selected-15ea41:where(.kbq-radio-disabled-d60f1e) {
   --radio-icon-color: var(--kbq-states-icon-disabled);
 }
 
@@ -2260,6 +2325,7 @@
   gap: var(--kbq-size-s);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-toggle-track-03a806 {
@@ -2270,7 +2336,8 @@
   margin-block: var(--toggle-track-margin-block);
   border-radius: var(--toggle-track-border-radius);
   outline: 2px solid var(--toggle-track-outline-color);
-  transition: background-color var(--kbq-transition-default), outline-color var(--kbq-transition-default);
+  transition: border-color var(--kbq-transition-default), background-color var(--kbq-transition-default), outline-color var(--kbq-transition-default);
+  flex-shrink: 0;
   position: relative;
 }
 
@@ -2336,41 +2403,41 @@
   --toggle-track-border-color: var(--kbq-line-contrast-less);
 }
 
-.kbq-toggle-checked-6ab2c0 {
+.kbq-toggle-selected-0bb42c {
   --toggle-track-border-color: transparent;
   --toggle-thumb-bg-color: var(--kbq-icon-white);
   --toggle-track-bg-color: var(--kbq-background-theme);
 }
 
-.kbq-toggle-checked-6ab2c0 .kbq-toggle-track-03a806:before {
+.kbq-toggle-selected-0bb42c .kbq-toggle-track-03a806:before {
   transform: translate(calc(var(--toggle-track-inline-size)  - var(--toggle-thumb-size)  - var(--toggle-thumb-margin) * 2));
 }
 
-.kbq-toggle-checked-6ab2c0:where(.kbq-toggle-hovered-d4d8d0) {
+.kbq-toggle-selected-0bb42c:where(.kbq-toggle-hovered-d4d8d0) {
   --toggle-track-bg-color: var(--kbq-states-background-theme-hover);
 }
 
-.kbq-toggle-error-8e1b23 {
-  --toggle-track-bg-color: var(--kbq-states-background-error-less);
+.kbq-toggle-invalid-ae9ba4 {
+  --toggle-track-bg-color: var(--kbq-background-error-less);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-error);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-checked-6ab2c0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-selected-0bb42c) {
   --toggle-track-bg-color: var(--kbq-background-error);
-  --toggle-track-border-color: var(--kbq-line-error);
+  --toggle-track-border-color: transparent;
   --toggle-thumb-bg-color: var(--kbq-icon-white);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-hovered-d4d8d0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-hovered-d4d8d0) {
   --toggle-track-bg-color: var(--kbq-states-background-error-fade-hover);
   --toggle-track-border-color: var(--kbq-line-error);
   --toggle-thumb-bg-color: var(--kbq-icon-error);
 }
 
-.kbq-toggle-error-8e1b23:where(.kbq-toggle-hovered-d4d8d0.kbq-toggle-checked-6ab2c0) {
+.kbq-toggle-invalid-ae9ba4:where(.kbq-toggle-hovered-d4d8d0.kbq-toggle-selected-0bb42c) {
   --toggle-track-bg-color: var(--kbq-states-background-error-hover);
-  --toggle-track-border-color: var(--kbq-line-error);
+  --toggle-track-border-color: transparent;
   --toggle-thumb-bg-color: var(--kbq-icon-white);
 }
 
@@ -2379,17 +2446,24 @@
   --toggle-track-outline-color: var(--kbq-states-line-focus-theme);
 }
 
-.kbq-toggle-focusVisible-10b6e6:where(.kbq-toggle-error-8e1b23) {
+.kbq-toggle-focusVisible-10b6e6:where(.kbq-toggle-invalid-ae9ba4) {
   --toggle-track-outline-color: var(--kbq-states-line-focus-error);
 }
 
 .kbq-toggle-disabled-b31c64 {
+  cursor: not-allowed;
+}
+
+.kbq-toggle-disabled-b31c64:not(.kbq-toggle-selected-0bb42c) {
   --toggle-track-border-color: var(--kbq-states-line-disabled);
   --toggle-track-bg-color: var(--kbq-states-background-disabled);
   --toggle-thumb-bg-color: var(--kbq-states-icon-disabled);
-  --toggle-thumb-border-color: var(--kbq-states-icon-disabled);
   --toggle-color: var(--kbq-states-foreground-disabled);
-  cursor: not-allowed;
+}
+
+.kbq-toggle-disabled-b31c64:where(.kbq-toggle-selected-0bb42c) {
+  opacity: var(--kbq-opacity-disabled);
+  display: flex;
 }
 .kbq-progressbar-824268 {
   --progressbar-track-bg-color: var(--kbq-background-contrast-fade);
@@ -2488,21 +2562,33 @@
   --skeleton-inline-size: ;
   --skeleton-block-size: ;
   --skeleton-loader-width: 100px;
-  --skeleton-bg-color: var(--kbq-background-contrast-fade);
-  --skeleton-wave-color: var(--kbq-background-bg-tertiary);
+  --skeleton-bg-color: var(--kbq-skeleton-background);
+  --skeleton-wave-color: var(--kbq-skeleton-animation-wave-center);
   --skeleton-border-radius: var(--kbq-size-xxs);
   visibility: initial;
   border-radius: var(--skeleton-border-radius);
   background-color: var(--skeleton-bg-color);
-  background-image: linear-gradient(to right, var(--skeleton-bg-color) 0%, var(--skeleton-wave-color) calc(var(--skeleton-loader-width) / 2), var(--skeleton-bg-color) var(--skeleton-loader-width));
+  background-image: linear-gradient(to right, var(--kbq-skeleton-animation-wave-start) 0%, var(--skeleton-wave-color) calc(var(--skeleton-loader-width) / 2), var(--kbq-skeleton-animation-wave-end) var(--skeleton-loader-width));
   inline-size: var(--skeleton-inline-size);
   block-size: var(--skeleton-block-size);
   background-repeat: no-repeat;
   background-attachment: fixed;
-  animation: 2.5s linear infinite kbq-skeletonblock-skeleton-wave-3094a0;
+  animation: 1.5s linear infinite kbq-skeletonblock-skeleton-wave-3094a0;
   display: flex;
 }
 
+@media (min-width: 768px) {
+  .kbq-skeletonblock-e98401 {
+    animation-duration: 2s;
+  }
+}
+
+@media (min-width: 1280px) {
+  .kbq-skeletonblock-e98401 {
+    animation-duration: 2.5s;
+  }
+}
+
 .kbq-skeletonblock-hasChildren-88ab53 {
   max-inline-size: fit-content;
 }
@@ -2513,11 +2599,11 @@
 
 @keyframes kbq-skeletonblock-skeleton-wave-3094a0 {
   0% {
-    background-position: calc(-1 * var(--skeleton-loader-width));
+    background-position: calc(-1 * var(--skeleton-loader-width)) 0%;
   }
 
   100% {
-    background-position: 100vw;
+    background-position: 100vw 0;
   }
 }
 .kbq-skeletontypography-776dae {
@@ -2538,6 +2624,74 @@
 .kbq-skeletontypography-skeleton-5db4ac {
   block-size: .9em;
 }
+.kbq-modal-4b03cd {
+  --modal-window-offset: 48px;
+  pointer-events: none;
+  z-index: var(--kbq-layer-modal);
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.kbq-modal-small-7273e9 {
+  --modal-window-inline-size: 400px;
+}
+
+.kbq-modal-medium-5db542 {
+  --modal-window-inline-size: 640px;
+}
+
+.kbq-modal-large-534723 {
+  --modal-window-inline-size: 960px;
+}
+
+.kbq-modal-4b03cd[data-transition="entering"] .kbq-modal-modal-3e5b95, .kbq-modal-4b03cd[data-transition="entered"] .kbq-modal-modal-3e5b95 {
+  opacity: 1;
+  transform: translate(-50%);
+}
+
+.kbq-modal-4b03cd[data-transition="exiting"] .kbq-modal-modal-3e5b95, .kbq-modal-4b03cd[data-transition="exited"] .kbq-modal-modal-3e5b95 {
+  opacity: 0;
+  transform: translate(-50%, 100px);
+}
+
+.kbq-modal-modal-3e5b95 {
+  pointer-events: auto;
+  border-radius: var(--kbq-size-m);
+  box-shadow: var(--kbq-shadow-overlay);
+  background-color: var(--kbq-background-bg);
+  max-inline-size: var(--modal-window-inline-size);
+  inline-size: calc(100% - var(--modal-window-offset) * 2);
+  max-block-size: calc(100vh - var(--modal-window-offset) * 2);
+  transition: opacity var(--kbq-transition-slow), transform var(--kbq-transition-slow);
+  display: flex;
+  position: absolute;
+  inset-block-start: var(--modal-window-offset);
+  inset-inline-start: 50%;
+  transform: translate(-50%, 100px);
+}
+.kbq-backdrop-238ef0 {
+  --backdrop-z-index: -1;
+  --backdrop-duration: ;
+  opacity: 0;
+  z-index: var(--backdrop-z-index);
+  pointer-events: auto;
+  background-color: var(--kbq-background-overlay);
+  transition: opacity var(--backdrop-duration) ease-in-out;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.kbq-backdrop-238ef0[data-transition="entering"], .kbq-backdrop-238ef0[data-transition="entered"] {
+  opacity: 1;
+}
+
+.kbq-backdrop-238ef0[data-transition="exiting"], .kbq-backdrop-238ef0[data-transition="exited"] {
+  opacity: 0;
+}
 .kbq-dialog-4c737c {
   --dialog-padding-inline-size: var(--kbq-size-xxl);
   pointer-events: auto;
@@ -2548,6 +2702,7 @@
   min-block-size: 48px;
   display: flex;
   position: relative;
+  overflow: hidden;
 }
 
 .kbq-dialog-container-a08202 {
@@ -2610,73 +2765,6 @@
 [data-bottom-overflow="true"] .kbq-dialog-footer-cf03d1 {
   box-shadow: var(--kbq-shadow-overflow-normal-top);
 }
-.kbq-modal-4b03cd {
-  --modal-window-offset: 48px;
-  pointer-events: none;
-  z-index: var(--kbq-layer-modal);
-  display: flex;
-  position: fixed;
-  inset: 0;
-}
-
-.kbq-modal-small-7273e9 {
-  --modal-window-inline-size: 400px;
-}
-
-.kbq-modal-medium-5db542 {
-  --modal-window-inline-size: 640px;
-}
-
-.kbq-modal-large-534723 {
-  --modal-window-inline-size: 960px;
-}
-
-.kbq-modal-4b03cd[data-transition="entering"] .kbq-modal-modal-3e5b95, .kbq-modal-4b03cd[data-transition="entered"] .kbq-modal-modal-3e5b95 {
-  opacity: 1;
-  transform: translate(-50%);
-}
-
-.kbq-modal-4b03cd[data-transition="exiting"] .kbq-modal-modal-3e5b95, .kbq-modal-4b03cd[data-transition="exited"] .kbq-modal-modal-3e5b95 {
-  opacity: 0;
-  transform: translate(-50%, 100px);
-}
-
-.kbq-modal-modal-3e5b95 {
-  pointer-events: auto;
-  border-radius: var(--kbq-size-m);
-  box-shadow: var(--kbq-shadow-overlay);
-  background-color: var(--kbq-background-bg);
-  max-inline-size: var(--modal-window-inline-size);
-  inline-size: calc(100% - var(--modal-window-offset) * 2);
-  max-block-size: calc(100vh - var(--modal-window-offset) * 2);
-  transition: opacity var(--kbq-transition-slow), transform var(--kbq-transition-slow);
-  position: absolute;
-  inset-block-start: var(--modal-window-offset);
-  inset-inline-start: 50%;
-  transform: translate(-50%, 100px);
-}
-.kbq-backdrop-238ef0 {
-  --backdrop-z-index: -1;
-  --backdrop-duration: ;
-  opacity: 0;
-  z-index: var(--backdrop-z-index);
-  pointer-events: auto;
-  background-color: var(--kbq-background-overlay);
-  transition: opacity var(--backdrop-duration) ease-in-out;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: fixed;
-  inset: 0;
-}
-
-.kbq-backdrop-238ef0[data-transition="entering"], .kbq-backdrop-238ef0[data-transition="entered"] {
-  opacity: 1;
-}
-
-.kbq-backdrop-238ef0[data-transition="exiting"], .kbq-backdrop-238ef0[data-transition="exited"] {
-  opacity: 0;
-}
 .kbq-sidepanel-2aae74 {
   pointer-events: none;
   z-index: var(--kbq-layer-modal);
@@ -2707,13 +2795,23 @@
   justify-content: flex-end;
 }
 
-.kbq-sidepanel-2aae74[data-transition="entering"] .kbq-sidepanel-panel-4a4aa4, .kbq-sidepanel-2aae74[data-transition="entered"] .kbq-sidepanel-panel-4a4aa4 {
-  transform: translate(0);
+.kbq-sidepanel-start-636741 {
+  --side-panel-start-position: -100%;
+  justify-content: flex-start;
 }
 
-.kbq-sidepanel-2aae74[data-transition="exiting"] .kbq-sidepanel-panel-4a4aa4, .kbq-sidepanel-2aae74[data-transition="exited"] .kbq-sidepanel-panel-4a4aa4 {
-  transform: translate(var(--side-panel-start-position), 0);
-}
+.kbq-sidepanel-end-1bddfa {
+  --side-panel-start-position: 100%;
+  justify-content: flex-end;
+}
+
+.kbq-sidepanel-2aae74[data-transition="entering"] .kbq-sidepanel-panel-4a4aa4, .kbq-sidepanel-2aae74[data-transition="entered"] .kbq-sidepanel-panel-4a4aa4 {
+  transform: translate(0);
+}
+
+.kbq-sidepanel-2aae74[data-transition="exiting"] .kbq-sidepanel-panel-4a4aa4, .kbq-sidepanel-2aae74[data-transition="exited"] .kbq-sidepanel-panel-4a4aa4 {
+  transform: translate(var(--side-panel-start-position), 0);
+}
 
 .kbq-sidepanel-panel-4a4aa4 {
   --dialog-padding-inline-size: var(--kbq-size-3xl);
@@ -2734,26 +2832,10 @@
   box-shadow: var(--kbq-shadow-overlay);
   background-color: var(--kbq-background-bg);
   inline-size: var(--popover-inline-size);
-  transition: opacity var(--kbq-transition-slow), transform var(--kbq-transition-slow);
+  transition: opacity var(--kbq-transition-default), transform var(--kbq-transition-default);
   display: flex;
 }
 
-.kbq-popover-f14dc5[data-placement="top"] {
-  --popover-transform: translateY(-16px);
-}
-
-.kbq-popover-f14dc5[data-placement="bottom"] {
-  --popover-transform: translateY(16px);
-}
-
-.kbq-popover-f14dc5[data-placement="left"] {
-  --popover-transform: translateX(-16px);
-}
-
-.kbq-popover-f14dc5[data-placement="right"] {
-  --popover-transform: translateX(16px);
-}
-
 .kbq-popover-f14dc5[data-placement="top"][data-arrow="true"] {
   margin-block-end: 10px;
 }
@@ -2770,6 +2852,13 @@
   margin-inline-start: 10px;
 }
 
+.kbq-popover-container-332b0b {
+  border-radius: inherit;
+  background-color: inherit;
+  inline-size: 100%;
+  display: flex;
+}
+
 .kbq-popover-arrow-3bdadb {
   z-index: -1;
   block-size: 12px;
@@ -2811,12 +2900,10 @@
 
 .kbq-popover-f14dc5[data-transition="entering"], .kbq-popover-f14dc5[data-transition="entered"] {
   opacity: 1;
-  transform: translate(0);
 }
 
 .kbq-popover-f14dc5[data-transition="exiting"], .kbq-popover-f14dc5[data-transition="exited"] {
   opacity: 0;
-  transform: var(--popover-transform);
 }
 .kbq-tooltip-0c8f57 {
   --tooltip-bg-color: ;
@@ -2829,27 +2916,11 @@
   z-index: var(--kbq-layer-modal);
   border-radius: var(--kbq-size-s);
   background-color: var(--tooltip-bg-color);
-  transition: opacity var(--kbq-transition-slow), transform var(--kbq-transition-slow);
+  transition: opacity var(--kbq-transition-default);
   display: flex;
   position: absolute;
 }
 
-.kbq-tooltip-0c8f57[data-placement="top"] {
-  --popover-transform: translateY(-10px);
-}
-
-.kbq-tooltip-0c8f57[data-placement="bottom"] {
-  --popover-transform: translateY(10px);
-}
-
-.kbq-tooltip-0c8f57[data-placement="left"] {
-  --popover-transform: translateX(-10px);
-}
-
-.kbq-tooltip-0c8f57[data-placement="right"] {
-  --popover-transform: translateX(10px);
-}
-
 .kbq-tooltip-0c8f57[data-placement="top"][data-arrow="true"] {
   margin-block-end: 10px;
 }
@@ -2944,16 +3015,7 @@
 
 .kbq-tooltip-0c8f57[data-transition="exiting"], .kbq-tooltip-0c8f57[data-transition="exited"] {
   opacity: 0;
-  transform: var(--popover-transform);
-}
-.kbq-list-928929 {
-  outline: none;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
 }
-
 .kbq-list-label-e4431c {
   padding: var(--kbq-size-xs) var(--kbq-size-m);
 }
@@ -2965,70 +3027,873 @@
 }
 
 .kbq-listsection-heading-5bd9e3 {
+  -webkit-user-select: none;
+  user-select: none;
   box-sizing: border-box;
   padding: var(--kbq-size-s) var(--kbq-size-m);
 }
-.kbq-listoption-8693c5 {
-  --list-item-bg-color: ;
-  --list-item-outline-color: transparent;
-  --list-item-outline-width: var(--kbq-size-3xs);
+.kbq-listitemtext-27bac6 {
+  gap: var(--kbq-size-3xs);
+  flex-direction: column;
+  flex-grow: 1;
+  min-inline-size: 0;
+  display: flex;
+}
+
+[data-slot="select-value"] .kbq-listitemtext-caption-ae96af {
+  display: none;
+}
+.kbq-select-6d31ad {
+  --field-input-padding-inline-start: var(--kbq-size-m);
+  --field-input-padding-inline-end: var(--kbq-size-m);
+  --field-input-padding-block-start: var(--kbq-size-xs);
+  --field-input-padding-block-end: var(--kbq-size-xs);
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  display: inline-flex;
+  position: relative;
+}
+
+.kbq-select-fullWidth-1dfc13 {
+  inline-size: 100%;
+}
+
+.kbq-select-addon-cbc524 {
+  pointer-events: none;
+}
+
+.kbq-select-popover-79fc05 {
+  border-radius: var(--kbq-size-s);
+  opacity: 0;
+  transform: translateY(-8px);
+}
+
+.kbq-select-list-8ffac0 {
+  inline-size: 100%;
+  padding: var(--kbq-size-xxs);
+}
+
+.kbq-select-popover-79fc05[data-transition="entering"], .kbq-select-popover-79fc05[data-transition="entered"] {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.kbq-select-popover-79fc05[data-transition="exiting"], .kbq-select-popover-79fc05[data-transition="exited"] {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+.kbq-fieldselect-0f0f5e {
+  --field-input-outline-width: var(--kbq-size-3xs);
+  --field-input-color: var(--kbq-foreground-contrast);
+  --field-input-border-color: var(--kbq-line-contrast-fade);
+  --field-input-outline-color: var(--kbq-states-line-focus-theme);
+  --field-input-bg-color: var(--kbq-background-bg);
+  --field-input-placeholder-color: var(--kbq-foreground-contrast-tertiary);
   cursor: pointer;
+  outline-offset: -1px;
   box-sizing: border-box;
-  gap: var(--kbq-size-s);
   border-radius: var(--kbq-size-s);
-  color: var(--kbq-foreground-contrast);
-  background-color: var(--list-item-bg-color);
-  padding: var(--kbq-size-xs) var(--kbq-size-m);
-  outline-offset: calc(-1 * var(--list-item-outline-width));
-  outline: var(--list-item-outline-width) solid var(--list-item-outline-color);
-  transition: border-color var(--kbq-transition-default), border-radius var(--kbq-transition-default), background-color var(--kbq-transition-default), color var(--kbq-transition-default);
+  block-size: 32px;
+  inline-size: 100%;
+  color: var(--field-input-color);
+  background: var(--field-input-bg-color);
+  border: 1px solid var(--field-input-border-color);
+  outline: var(--field-input-outline-width) solid transparent;
+  padding-block: var(--field-input-padding-block-start) var(--field-input-padding-block-end);
+  padding-inline: var(--field-input-padding-inline-start) var(--field-input-padding-inline-end);
+  transition: color var(--kbq-transition-default), outline-color var(--kbq-transition-default), background-color var(--kbq-transition-default), border-color var(--kbq-transition-default);
+  align-items: center;
+  display: flex;
+}
+
+.kbq-fieldselect-0f0f5e:focus {
+  outline-color: var(--field-input-outline-color);
+}
+
+.kbq-fieldselect-content-c36142 {
+  white-space: nowrap;
+  align-items: center;
+  gap: var(--kbq-size-s);
+  text-overflow: ellipsis;
+  font-size: var(--kbq-typography-text-normal-font-size);
+  font-weight: var(--kbq-typography-text-normal-font-weight);
+  line-height: var(--kbq-typography-text-normal-line-height);
+  font-family: var(--kbq-typography-text-normal-font-family);
+  font-style: var(--kbq-typography-text-normal-font-style);
+  text-transform: var(--kbq-typography-text-normal-text-transform);
+  font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
+  letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
+  text-underline-offset: calc(( var(--kbq-typography-text-normal-line-height)  - var(--kbq-typography-text-normal-font-size)) / 2);
+  display: flex;
+  overflow: hidden;
+}
+
+.kbq-fieldselect-invalid-db8152 {
+  --field-input-color: var(--kbq-foreground-error);
+  --field-input-border-color: var(--kbq-line-error);
+  --field-input-outline-color: var(--kbq-states-line-focus-error);
+  --field-input-bg-color: var(--kbq-states-background-error-less);
+  --field-input-placeholder-color: var(--kbq-foreground-error-tertiary);
+}
+
+.kbq-fieldselect-disabled-f0efd4 {
+  --field-input-color: var(--kbq-states-foreground-disabled);
+  --field-input-border-color: var(--kbq-states-line-disabled);
+  --field-input-bg-color: var(--kbq-states-background-disabled);
+  cursor: not-allowed;
+}
+
+.kbq-fieldselect-hasPlaceholder-7b7518 {
+  --field-input-color: var(--field-input-placeholder-color);
+}
+.kbq-divider-16da20 {
+  border-style: solid;
+  border-color: var(--kbq-line-contrast-less);
   flex-shrink: 0;
-  text-decoration: none;
+  margin: 0;
+}
+
+.kbq-divider-block-72e3e3 {
+  display: block;
+}
+
+.kbq-divider-inlineBlock-0f06d1 {
+  display: inline-block;
+}
+
+.kbq-divider-inline-2d4752 {
+  display: inline;
+}
+
+.kbq-divider-vertical-a4e613 {
+  --divider-paddings: 0 var(--kbq-size-xxs);
+  border-width: 0 1px 0 0;
+  block-size: 100%;
+  inline-size: 0;
+}
+
+.kbq-divider-horizontal-22c78d {
+  --divider-paddings: var(--kbq-size-xxs) 0;
+  border-width: 0 0 1px;
+  block-size: 0;
+  inline-size: 100%;
+}
+
+.kbq-divider-hasPaddings-d8f601 {
+  margin: var(--divider-paddings);
+}
+
+.kbq-divider-flexItem-af9975 {
+  align-self: stretch;
+  block-size: auto;
+}
+.kbq-menu-popover-e1857c {
+  border-radius: var(--kbq-size-s);
+  min-inline-size: 200px;
+  max-inline-size: 640px;
+}
+.kbq-menuinner-0117f8 {
+  padding: var(--kbq-size-xxs);
+  inline-size: 100%;
+}
+
+.kbq-menuinner-divider-acbe04 {
+  margin-inline: calc(var(--kbq-size-xxs) * -1);
+  inline-size: initial;
+}
+.kbq-menusection-6a5530 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: auto;
+}
+
+.kbq-menusection-heading-2be1f1 {
+  -webkit-user-select: none;
+  user-select: none;
+  box-sizing: border-box;
+  padding: var(--kbq-size-s) var(--kbq-size-m);
+}
+.kbq-buttontogglegroup-79a88d {
+  --thumb-inline-size-start: ;
+  --thumb-transform-start: ;
+  --thumb-inline-size-end: ;
+  --thumb-transform-end: ;
+  border-radius: var(--kbq-size-s);
+  background-color: var(--kbq-background-contrast-fade);
+  flex-wrap: nowrap;
+  display: inline-flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.kbq-buttontogglegroup-fullWidth-f63c5c {
+  inline-size: 100%;
+}
+
+.kbq-buttontogglegroup-thumb-7ff4ae {
+  box-sizing: border-box;
+  inset-block: var(--kbq-size-xxs);
+  border-radius: var(--kbq-size-xxs);
+  background-color: var(--kbq-background-card);
+  inline-size: var(--thumb-inline-size-start);
+  transform: var(--thumb-transform-start);
+  transition: inline-size .2s ease-in, transform .2s ease-in;
+  position: absolute;
+}
+
+.kbq-buttontogglegroup-thumb-7ff4ae[data-transition="entering"], .kbq-buttontogglegroup-thumb-7ff4ae[data-transition="entered"] {
+  inline-size: var(--thumb-inline-size-end);
+  transform: var(--thumb-transform-end);
+}
+
+.kbq-buttontogglegroup-container-e48aaf {
+  inline-size: 100%;
   display: flex;
 }
+[data-animated="true"] .kbq-buttontoggle-caa007 {
+  --button-toggle-bg-color: transparent;
+}
 
-.kbq-listoption-hovered-163e16 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-hover);
+[data-equal-item-size="true"] .kbq-buttontoggle-caa007 {
+  flex: 1;
 }
 
-.kbq-listoption-pressed-292310 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-active);
+.kbq-buttontoggle-caa007 {
+  --button-toggle-block-size: var(--kbq-size-xxl);
+  --button-toggle-outline-width: var(--kbq-size-3xs);
+  --button-toggle-padding-block: var(--kbq-size-xxs);
+  --button-toggle-padding-inline-start: var(--kbq-size-3xs);
+  --button-toggle-padding-inline-end: var(--kbq-size-3xs);
+  --button-toggle-color: var(--kbq-foreground-contrast);
+  --button-toggle-icon-color: var(--kbq-icon-contrast-fade);
+  --button-toggle-bg-color: var(--kbq-background-contrast-fade);
+  --button-toggle-outline-color: transparent;
+  cursor: pointer;
+  min-inline-size: 0;
+  padding-block: var(--button-toggle-padding-block);
+  padding-inline: var(--button-toggle-padding-inline-start) var(--button-toggle-padding-inline-end);
+  block-size: calc(var(--button-toggle-block-size)  + 2 * var(--button-toggle-padding-block));
+  background: none;
+  border: none;
+  outline: none;
+  flex: auto;
+  align-items: center;
+  display: inline-flex;
 }
 
-.kbq-listoption-focusVisible-dcff25 {
-  --list-item-outline-color: var(--kbq-states-line-focus-theme);
+.kbq-buttontoggle-caa007:first-child {
+  --button-toggle-padding-inline-start: var(--kbq-size-xxs);
 }
 
-.kbq-listoption-selected-012293 {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.kbq-buttontoggle-caa007:last-child {
+  --button-toggle-padding-inline-end: var(--kbq-size-xxs);
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-hovered-163e16) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-hover);
+.kbq-buttontoggle-hovered-4706db {
+  --button-toggle-bg-color: var(--kbq-states-background-contrast-fade-hover);
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-pressed-292310) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-active);
+.kbq-buttontoggle-pressed-6d5049 {
+  --button-toggle-bg-color: var(--kbq-states-background-contrast-fade-active);
 }
 
-.kbq-listoption-disabled-dafd94 {
-  --list-item-bg-color: ;
-  cursor: default;
-  opacity: .3;
+.kbq-buttontoggle-selected-3e6996 {
+  --button-toggle-bg-color: var(--kbq-background-card);
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-disabled-dafd94) {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.kbq-buttontoggle-selected-3e6996:where(.kbq-buttontoggle-pressed-6d5049) {
+  --button-toggle-bg-color: var(--kbq-states-background-transparent-active);
 }
 
-[aria-multiselectable] :is(.kbq-listoption-selected-012293, .kbq-listoption-focusVisible-dcff25):has( + :is(.kbq-listoption-selected-012293, .kbq-listoption-focusVisible-dcff25)) {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
+.kbq-buttontoggle-disabled-c0d011 {
+  --button-toggle-color: var(--kbq-states-foreground-disabled);
+  --button-toggle-icon-color: inherit;
+  cursor: not-allowed;
 }
 
-[aria-multiselectable] :is(.kbq-listoption-selected-012293, .kbq-listoption-focusVisible-dcff25) + :is(.kbq-listoption-selected-012293, .kbq-listoption-focusVisible-dcff25) {
-  border-start-start-radius: 0;
-  border-start-end-radius: 0;
+.kbq-buttontoggle-disabled-c0d011:where(.kbq-buttontoggle-selected-3e6996) {
+  --button-toggle-bg-color: var(--kbq-states-background-disabled);
+}
+
+.kbq-buttontoggle-focusVisible-37d5be {
+  --button-toggle-outline-color: var(--kbq-states-line-focus-theme);
+}
+
+.kbq-buttontoggle-container-f496bf {
+  box-sizing: border-box;
+  outline-offset: -1px;
+  justify-content: center;
+  align-items: center;
+  gap: var(--kbq-size-xxs);
+  inline-size: 100%;
+  padding: 0 var(--kbq-size-xs);
+  color: var(--button-toggle-color);
+  border-radius: var(--kbq-size-xxs);
+  min-inline-size: var(--kbq-size-3xl);
+  block-size: var(--button-toggle-block-size);
+  background-color: var(--button-toggle-bg-color);
+  outline: var(--button-toggle-outline-width) solid;
+  outline-color: var(--button-toggle-outline-color);
+  transition: outline var(--kbq-transition-default);
+  display: inline-flex;
+  position: relative;
+}
+
+.kbq-buttontoggle-icon-668db0 {
+  color: var(--button-toggle-icon-color);
+  flex-direction: column;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.kbq-buttontoggle-content-822c7d {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.kbq-taggroup-20136b {
+  gap: var(--kbq-size-s);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.kbq-taggroup-20136b [role="gridcell"] {
+  display: contents;
+}
+.kbq-taginner-f9f19a {
+  --tag-color: ;
+  --tag-bg-color: ;
+  --tag-icon-color: ;
+  --tag-outline-color: transparent;
+  --tag-outline-width: var(--kbq-size-3xs);
+  cursor: default;
+  vertical-align: top;
+  white-space: nowrap;
+  box-sizing: border-box;
+  color: var(--tag-color);
+  align-items: center;
+  gap: var(--kbq-size-3xs);
+  block-size: var(--kbq-size-xxl);
+  border-radius: var(--kbq-size-xxs);
+  padding-inline: var(--kbq-size-xxs);
+  min-inline-size: var(--kbq-size-xxl);
+  background-color: var(--tag-bg-color);
+  outline: var(--tag-outline-width) solid var(--tag-outline-color);
+  transition: outline-color var(--kbq-transition-default), background-color var(--kbq-transition-default), color var(--kbq-transition-default);
+  border: none;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.kbq-taginner-content-72ca39 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-inline: var(--kbq-size-3xs);
+  overflow: hidden;
+}
+
+.kbq-taginner-icon-df45be {
+  color: var(--tag-icon-color);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  margin-inline-start: var(--kbq-size-3xs);
+  display: flex;
+}
+
+.kbq-taginner-cancelIcon-8a3dbe {
+  justify-content: center;
+  align-items: center;
+  margin-inline-end: var(--kbq-size-3xs);
+  display: flex;
+}
+
+.kbq-taginner-theme-fade-68b99c {
+  --tag-icon-color: var(--kbq-icon-theme);
+  --tag-bg-color: var(--kbq-background-theme-fade);
+  --tag-color: var(--kbq-foreground-theme);
+}
+
+.kbq-taginner-contrast-fade-39d7a7 {
+  --tag-icon-color: var(--kbq-icon-contrast-fade);
+  --tag-bg-color: var(--kbq-background-contrast-fade);
+  --tag-color: var(--kbq-foreground-contrast);
+}
+
+.kbq-taginner-error-fade-6d7d03 {
+  --tag-icon-color: var(--kbq-icon-error);
+  --tag-bg-color: var(--kbq-background-error-fade);
+  --tag-color: var(--kbq-foreground-error);
+}
+
+.kbq-taginner-warning-fade-9403c7 {
+  --tag-icon-color: var(--kbq-icon-warning);
+  --tag-bg-color: var(--kbq-background-warning-fade);
+  --tag-color: var(--kbq-foreground-warning);
+}
+
+.kbq-taginner-theme-fade-68b99c:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-theme-fade-hover);
+}
+
+.kbq-taginner-contrast-fade-39d7a7:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-contrast-fade-hover);
+}
+
+.kbq-taginner-error-fade-6d7d03:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-error-fade-hover);
+}
+
+.kbq-taginner-warning-fade-9403c7:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-warning-fade-hover);
+}
+
+.kbq-taginner-focused-16f44f {
+  --tag-outline-color: var(--kbq-states-line-focus-theme);
+}
+
+.kbq-taginner-disabled-0c6073 {
+  --tag-icon-color: ;
+  --tag-bg-color: var(--kbq-states-background-disabled);
+  --tag-color: var(--kbq-states-foreground-disabled);
+  --tag-outline-color: none;
+  cursor: not-allowed;
+}
+.kbq-table-container-ecbaa4 {
+  --table-container-block-size: 100%;
+  --table-container-min-block-size: unset;
+  --table-container-max-block-size: unset;
+  --table-container-scroll-padding-top: 0;
+  --table-cell-padding: 10px var(--kbq-size-s);
+  --table-cell-color: var(--kbq-foreground-contrast);
+  --table-header-cell-padding: 10px var(--kbq-size-s);
+  --table-border: 1px solid var(--kbq-line-contrast-less);
+  --table-header-cell-color: var(--kbq-foreground-contrast-secondary);
+  block-size: var(--table-container-block-size);
+  min-block-size: var(--table-container-min-block-size);
+  max-block-size: var(--table-container-max-block-size);
+  scroll-padding-block-start: var(--table-container-scroll-padding-top);
+}
+
+[data-divider="none"] tbody td:first-child {
+  border-start-start-radius: var(--kbq-size-s);
+  border-end-start-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody td:last-child {
+  border-start-end-radius: var(--kbq-size-s);
+  border-end-end-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr {
+  border-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr:first-child {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+[data-divider="none"] tbody tr:first-child td:first-child {
+  border-start-start-radius: 0;
+  border-end-start-radius: var(--kbq-size-s);
+}
+
+[data-divider="none"] tbody tr:first-child td:last-child {
+  border-start-end-radius: 0;
+  border-end-end-radius: var(--kbq-size-s);
+}
+
+[data-divider="row"] tbody td {
+  border-block-end: var(--table-border);
+}
+
+[data-sticky-header="true"] {
+  overflow-block: auto;
+}
+
+[data-sticky-header="true"] thead {
+  z-index: 1;
+  background-color: var(--kbq-background-bg);
+  position: sticky;
+  inset-block-start: 0;
+}
+
+.kbq-table-55e555 {
+  border-spacing: 0;
+  inline-size: 100%;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) {
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) td:first-child {
+  border-end-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]):has( + :is([data-selected="true"], [data-focus-visible="true"])) td:last-child {
+  border-end-end-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) td:first-child {
+  border-start-start-radius: 0;
+}
+
+[aria-multiselectable="true"] tbody tr:is([data-selected="true"], [data-focus-visible="true"]) + :is([data-selected="true"], [data-focus-visible="true"]) td:last-child {
+  border-start-end-radius: 0;
+}
+.kbq-tablecolumnheader-236616 {
+  cursor: default;
+  box-sizing: border-box;
+  color: var(--table-header-cell-color);
+  border-block-end: var(--table-border);
+  padding: var(--table-header-cell-padding);
+  outline: none;
+}
+
+.kbq-tablecolumnheader-top-70b78e {
+  vertical-align: top;
+}
+
+.kbq-tablecolumnheader-baseline-9772f1 {
+  vertical-align: baseline;
+}
+
+.kbq-tablecolumnheader-middle-22b85a {
+  vertical-align: middle;
+}
+
+.kbq-tablecolumnheader-bottom-1f6f2d {
+  vertical-align: bottom;
+}
+
+.kbq-tablecolumnheader-sub-c48ac7 {
+  vertical-align: sub;
+}
+
+.kbq-tablecolumnheader-text-top-7013fa {
+  vertical-align: text-top;
+}
+
+.kbq-tablecolumnheader-focusVisible-21814b {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-tablerow-4a268c {
+  box-sizing: border-box;
+  cursor: default;
+  transition: background-color var(--kbq-transition-default), border-radius var(--kbq-transition-default);
+  outline: none;
+}
+
+.kbq-tablerow-4a268c:last-child td {
+  border-block-end: none;
+}
+
+.kbq-tablerow-hovered-f3a986 {
+  background-color: var(--kbq-states-background-transparent-hover);
+}
+
+.kbq-tablerow-pressed-932599 {
+  background-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-tablerow-selected-ced903 {
+  background-color: var(--kbq-background-theme-less);
+}
+
+.kbq-tablerow-selected-ced903:where(.kbq-tablerow-hovered-f3a986) {
+  background-color: var(--kbq-states-background-theme-less-hover);
+}
+
+.kbq-tablerow-selected-ced903:where(.kbq-tablerow-pressed-932599) {
+  background-color: var(--kbq-states-background-theme-less-active);
+}
+
+.kbq-tablerow-disabled-27e4c6 {
+  cursor: not-allowed;
+  opacity: .3;
+  background-color: #0000;
+}
+
+.kbq-tablerow-disabled-27e4c6:where(.kbq-tablerow-selected-ced903) {
+  background-color: var(--kbq-background-theme-less);
+}
+
+.kbq-tablerow-focusVisible-3a3109 {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-tablecell-7b64ee {
+  box-sizing: border-box;
+  color: var(--table-cell-color);
+  padding: var(--table-cell-padding);
+  transition: border-radius var(--kbq-transition-default);
+  outline: none;
+}
+
+.kbq-tablecell-top-c83311 {
+  vertical-align: top;
+}
+
+.kbq-tablecell-baseline-9a695f {
+  vertical-align: baseline;
+}
+
+.kbq-tablecell-middle-61ce62 {
+  vertical-align: middle;
+}
+
+.kbq-tablecell-bottom-7191cb {
+  vertical-align: bottom;
+}
+
+.kbq-tablecell-sub-422152 {
+  vertical-align: sub;
+}
+
+.kbq-tablecell-text-top-0812fb {
+  vertical-align: text-top;
+}
+
+.kbq-tablecell-focusVisible-401e7c {
+  outline-offset: -2px;
+  outline: 2px solid var(--kbq-states-line-focus-theme);
+}
+.kbq-calendar-fa3168 {
+  --calendar-cell-inline-size: 40px;
+  --calendar-cell-block-size: 32px;
+  box-sizing: border-box;
+  align-items: center;
+  gap: var(--kbq-size-3xs);
+  block-size: 294px;
+  padding-block: var(--kbq-size-m);
+  flex-direction: column;
+  display: flex;
+}
+
+.kbq-calendar-open-e506bb {
+  background-color: var(--button-bg-color-active);
+}
+
+.kbq-calendar-popover-a1d3d6 {
+  min-inline-size: 200px;
+}
+.kbq-calendarheader-562d41 {
+  box-sizing: border-box;
+  inline-size: 100%;
+  padding-inline: var(--kbq-size-xxs);
+  align-items: center;
+  display: flex;
+}
+
+.kbq-calendarheader-actions-4e94a2 {
+  margin-inline-start: auto;
+}
+.kbq-calendargrid-1a43cf {
+  border-collapse: separate;
+  padding-inline: var(--kbq-size-m);
+  border-spacing: 0 var(--kbq-size-3xs);
+}
+
+.kbq-calendargrid-1a43cf td, .kbq-calendargrid-1a43cf th {
+  padding: 0;
+}
+
+.kbq-calendargrid-weekDay-94b083 {
+  block-size: var(--calendar-cell-block-size);
+  inline-size: var(--calendar-cell-inline-size);
+  color: var(--kbq-foreground-contrast-tertiary);
+}
+
+.kbq-calendargrid-divider-3ec061 {
+  position: relative;
+}
+
+.kbq-calendargrid-divider-3ec061:after {
+  content: "";
+  block-size: 1px;
+  inset-block-start: 0;
+  inset-inline: calc(-1 * var(--kbq-size-m));
+  background-color: var(--kbq-line-contrast-less);
+  position: absolute;
+}
+.kbq-calendarcell-dc4d6e {
+  --table-cell-outline-color: transparent;
+  --table-cell-outline-width: var(--kbq-size-3xs);
+  block-size: var(--calendar-cell-block-size);
+  inline-size: var(--calendar-cell-inline-size);
+  outline-offset: -2px;
+  outline: var(--table-cell-outline-width) solid var(--table-cell-outline-color);
+  transition: outline-color var(--kbq-transition-default), background-color var(--kbq-transition-default), color var(--kbq-transition-default);
+}
+
+.kbq-calendarcell-dc4d6e:where(:not([hidden])) {
+  color: var(--kbq-foreground-contrast);
+  cursor: pointer;
+  border-radius: var(--kbq-size-s);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.kbq-calendarcell-today-04de99 {
+  color: var(--kbq-foreground-theme);
+}
+
+.kbq-calendarcell-hovered-c94a4e {
+  background-color: var(--kbq-states-background-transparent-hover);
+}
+
+.kbq-calendarcell-pressed-a65ee0 {
+  background-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-calendarcell-focusVisible-d92d99 {
+  --table-cell-outline-color: var(--kbq-states-line-focus-theme);
+}
+
+.kbq-calendarcell-selected-62a719 {
+  background-color: var(--kbq-background-contrast);
+  color: var(--kbq-foreground-on-contrast);
+}
+
+.kbq-calendarcell-disabled-a2a975, .kbq-calendarcell-unavailable-a606f4 {
+  color: var(--kbq-states-foreground-disabled);
+  cursor: not-allowed;
+}
+
+.kbq-calendarcell-invalid-02611e {
+  background-color: var(--kbq-background-error);
+  color: var(--kbq-foreground-on-contrast);
+}
+.kbq-dateinput-a4c39b {
+  min-inline-size: 150px;
+}
+.kbq-fieldinputdate-a54331 {
+  --field-input-outline-width: var(--kbq-size-3xs);
+  --field-input-color: var(--kbq-foreground-contrast);
+  --field-input-border-color: var(--kbq-line-contrast-fade);
+  --field-input-outline-color: var(--kbq-states-line-focus-theme);
+  --field-input-bg-color: var(--kbq-background-bg);
+  --field-input-placeholder-color: var(--kbq-foreground-contrast-tertiary);
+  cursor: pointer;
+  outline-offset: -1px;
+  box-sizing: border-box;
+  inline-size: 100%;
+  block-size: var(--kbq-size-3xl);
+  border-radius: var(--kbq-size-s);
+  color: var(--field-input-color);
+  background: var(--field-input-bg-color);
+  border: 1px solid var(--field-input-border-color);
+  outline: var(--field-input-outline-width) solid transparent;
+  padding-block: var(--field-input-padding-block-start) var(--field-input-padding-block-end);
+  padding-inline: var(--field-input-padding-inline-start) var(--field-input-padding-inline-end);
+  font-size: var(--kbq-typography-text-normal-font-size);
+  font-weight: var(--kbq-typography-text-normal-font-weight);
+  line-height: var(--kbq-typography-text-normal-line-height);
+  font-family: var(--kbq-typography-text-normal-font-family);
+  font-style: var(--kbq-typography-text-normal-font-style);
+  text-transform: var(--kbq-typography-text-normal-text-transform);
+  font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);
+  letter-spacing: var(--kbq-typography-text-normal-letter-spacing);
+  text-underline-offset: calc(( var(--kbq-typography-text-normal-line-height)  - var(--kbq-typography-text-normal-font-size)) / 2);
+  transition: color var(--kbq-transition-default), outline-color var(--kbq-transition-default), background-color var(--kbq-transition-default), border-color var(--kbq-transition-default);
+  align-items: center;
+  display: flex;
+}
+
+.kbq-fieldinputdate-a54331:focus-within {
+  outline-color: var(--field-input-outline-color);
+}
+
+.kbq-fieldinputdate-transparent-04d912 {
+  --field-input-color: var(--kbq-foreground-contrast);
+  --field-input-border-color: transparent;
+  --field-input-outline-color: transparent;
+  --field-input-bg-color: transparent;
+  --field-input-placeholder-color: var(--kbq-foreground-contrast-tertiary);
+}
+
+.kbq-fieldinputdate-filled-02db7d {
+  --field-input-color: var(--kbq-foreground-contrast);
+  --field-input-border-color: var(--kbq-line-contrast-fade);
+  --field-input-outline-color: var(--kbq-states-line-focus-theme);
+  --field-input-bg-color: var(--kbq-background-bg);
+  --field-input-placeholder-color: var(--kbq-foreground-contrast-tertiary);
+}
+
+.kbq-fieldinputdate-filled-02db7d:where(.kbq-fieldinputdate-invalid-d764c6) {
+  --field-input-color: var(--kbq-foreground-error);
+  --field-input-border-color: var(--kbq-line-error);
+  --field-input-outline-color: var(--kbq-states-line-focus-error);
+  --field-input-bg-color: var(--kbq-states-background-error-less);
+  --field-input-placeholder-color: var(--kbq-foreground-error-tertiary);
+}
+
+.kbq-fieldinputdate-transparent-04d912:where(.kbq-fieldinputdate-invalid-d764c6) {
+  --field-input-color: var(--kbq-foreground-error);
+  --field-input-border-color: transparent;
+  --field-input-outline-color: transparent;
+  --field-input-bg-color: transparent;
+  --field-input-placeholder-color: var(--kbq-foreground-error-tertiary);
+}
+
+.kbq-fieldinputdate-disabled-692832 {
+  cursor: not-allowed;
+}
+
+.kbq-fieldinputdate-filled-02db7d:where(.kbq-fieldinputdate-disabled-692832) {
+  --field-input-color: var(--kbq-states-foreground-disabled);
+  --field-input-border-color: var(--kbq-states-line-disabled);
+  --field-input-bg-color: var(--kbq-states-background-disabled);
+}
+
+.kbq-fieldinputdate-transparent-04d912:where(.kbq-fieldinputdate-disabled-692832) {
+  --field-input-color: var(--kbq-states-foreground-disabled);
+}
+.kbq-datesegment-3b7153 {
+  --date-input-segment-color: var(--field-input-color);
+  color: var(--date-input-segment-color);
+}
+
+.kbq-datesegment-3b7153:focus {
+  color: var(--date-input-segment-color);
+  background-color: highlight;
+  outline: none;
+}
+
+.kbq-datesegment-placeholder-b233e5 {
+  color: var(--field-input-placeholder-color);
+}
+
+.kbq-datesegment-literal-a4b534 {
+  white-space: pre;
+}
+
+.kbq-datesegment-literal-a4b534:not(.kbq-datesegment-hasValue-800714) {
+  color: var(--field-input-placeholder-color);
+}
+.kbq-datepicker-calendar-25a0d7 {
+  margin-inline-end: calc(-1 * var(--kbq-size-xxs));
+}
+.kbq-timepicker-a6e9f3 {
+  min-inline-size: 150px;
+}
+
+.kbq-timepicker-startAddon-46c835 {
+  pointer-events: none;
 }
 .kbq-spacing-mbs_0-be7021 {
   margin-block-start: 0;