@koobiq/react-components 0.0.1-beta.3 → 0.0.1-beta.30

package/dist/{react-components.css → style.css}

@@ -51,6 +51,217 @@
 *::-webkit-scrollbar-corner {
   background: none;
 }
+.kbq-flex-7624b3 {
+  --flex-gap: 0;
+  --flex-order: 0;
+  --flex-type: flex;
+  --flex-wrap: nowrap;
+  --flex-direction: row;
+  --flex-align-items: flex-start;
+  --flex-justify-content: flex-start;
+  gap: var(--flex-row-gap) var(--flex-column-gap);
+  order: var(--flex-order);
+  display: var(--flex-type);
+  align-items: var(--flex-align-items);
+  justify-content: var(--flex-justify-content);
+  flex-flow: var(--flex-direction) var(--flex-wrap);
+}
+
+.kbq-flex-alignItems_flex-start-56df74 {
+  --flex-align-items: flex-start;
+}
+
+.kbq-flex-alignItems_flex-end-951e7a {
+  --flex-align-items: flex-end;
+}
+
+.kbq-flex-alignItems_center-05836e {
+  --flex-align-items: center;
+}
+
+.kbq-flex-alignItems_baseline-1e77c2 {
+  --flex-align-items: baseline;
+}
+
+.kbq-flex-alignItems_stretch-f031de {
+  --flex-align-items: stretch;
+}
+
+.kbq-flex-justifyContent_flex-start-05ff2a {
+  --flex-justify-content: flex-start;
+}
+
+.kbq-flex-justifyContent_flex-end-06a105 {
+  --flex-justify-content: flex-end;
+}
+
+.kbq-flex-justifyContent_center-5134e2 {
+  --flex-justify-content: center;
+}
+
+.kbq-flex-justifyContent_space-between-02a3e5 {
+  --flex-justify-content: space-between;
+}
+
+.kbq-flex-justifyContent_space-around-42e955 {
+  --flex-justify-content: space-around;
+}
+
+.kbq-flex-justifyContent_space-evenly-b84975 {
+  --flex-justify-content: space-evenly;
+}
+
+.kbq-flex-flex_flex-de4f74 {
+  --flex-type: flex;
+}
+
+.kbq-flex-flex_inline-flex-a712ef {
+  --flex-type: inline-flex;
+}
+
+.kbq-flex-wrap_wrap-78b98d {
+  --flex-wrap: wrap;
+}
+
+.kbq-flex-wrap_nowrap-902a73 {
+  --flex-wrap: nowrap;
+}
+
+.kbq-flex-wrap_wrap-reverse-dbacf6 {
+  --flex-wrap: wrap-reverse;
+}
+
+.kbq-flex-direction_row-8fff0d {
+  --flex-direction: row;
+}
+
+.kbq-flex-direction_row-reverse-7fa95e {
+  --flex-direction: row-reverse;
+}
+
+.kbq-flex-direction_column-29b97b {
+  --flex-direction: column;
+}
+
+.kbq-flex-direction_column-reverse-04ecc6 {
+  --flex-direction: column-reverse;
+}
+
+.kbq-flex-order_-1-4f5108 {
+  --flex-order: -1;
+}
+
+.kbq-flex-order_0-4a6164 {
+  --flex-order: 0;
+}
+
+.kbq-flex-order_1-b5e24c {
+  --flex-order: 1;
+}
+
+.kbq-flex-gap_column_3xs-2aea22 {
+  --flex-column-gap: var(--kbq-size-3xs);
+}
+
+.kbq-flex-gap_column_xxs-7586e8 {
+  --flex-column-gap: var(--kbq-size-xxs);
+}
+
+.kbq-flex-gap_column_xs-911f68 {
+  --flex-column-gap: var(--kbq-size-xs);
+}
+
+.kbq-flex-gap_column_s-a389c1 {
+  --flex-column-gap: var(--kbq-size-s);
+}
+
+.kbq-flex-gap_column_m-21736b {
+  --flex-column-gap: var(--kbq-size-m);
+}
+
+.kbq-flex-gap_column_l-390cf2 {
+  --flex-column-gap: var(--kbq-size-l);
+}
+
+.kbq-flex-gap_column_xl-47b33c {
+  --flex-column-gap: var(--kbq-size-xl);
+}
+
+.kbq-flex-gap_column_xxl-2f762a {
+  --flex-column-gap: var(--kbq-size-xxl);
+}
+
+.kbq-flex-gap_column_3xl-e81ba4 {
+  --flex-column-gap: var(--kbq-size-3xl);
+}
+
+.kbq-flex-gap_column_4xl-502e67 {
+  --flex-column-gap: var(--kbq-size-4xl);
+}
+
+.kbq-flex-gap_column_5xl-028451 {
+  --flex-column-gap: var(--kbq-size-5xl);
+}
+
+.kbq-flex-gap_column_6xl-2f1bfa {
+  --flex-column-gap: var(--kbq-size-6xl);
+}
+
+.kbq-flex-gap_column_7xl-057b8a {
+  --flex-column-gap: var(--kbq-size-7xl);
+}
+
+.kbq-flex-gap_row_3xs-ea5984 {
+  --flex-row-gap: var(--kbq-size-3xs);
+}
+
+.kbq-flex-gap_row_xxs-a520f4 {
+  --flex-row-gap: var(--kbq-size-xxs);
+}
+
+.kbq-flex-gap_row_xs-e62321 {
+  --flex-row-gap: var(--kbq-size-xs);
+}
+
+.kbq-flex-gap_row_s-2dab73 {
+  --flex-row-gap: var(--kbq-size-s);
+}
+
+.kbq-flex-gap_row_m-6423db {
+  --flex-row-gap: var(--kbq-size-m);
+}
+
+.kbq-flex-gap_row_l-f312fe {
+  --flex-row-gap: var(--kbq-size-l);
+}
+
+.kbq-flex-gap_row_xl-e85171 {
+  --flex-row-gap: var(--kbq-size-xl);
+}
+
+.kbq-flex-gap_row_xxl-c2548b {
+  --flex-row-gap: var(--kbq-size-xxl);
+}
+
+.kbq-flex-gap_row_3xl-34ef28 {
+  --flex-row-gap: var(--kbq-size-3xl);
+}
+
+.kbq-flex-gap_row_4xl-29ec96 {
+  --flex-row-gap: var(--kbq-size-4xl);
+}
+
+.kbq-flex-gap_row_5xl-c7e969 {
+  --flex-row-gap: var(--kbq-size-5xl);
+}
+
+.kbq-flex-gap_row_6xl-afc87a {
+  --flex-row-gap: var(--kbq-size-6xl);
+}
+
+.kbq-flex-gap_row_7xl-d67bcc {
+  --flex-row-gap: var(--kbq-size-7xl);
+}
 .kbq-container-136c61 {
   --container-max-inline-size: intial;
   --container-position: intial;
@@ -349,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);
 }
@@ -363,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;
 }
 
@@ -1094,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;
 }
@@ -1135,6 +1418,10 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
+
+.kbq-typography-color-inherit-35de13 {
+  color: inherit;
+}
 .kbq-checkbox-72cf70 {
   --checkbox-bg-color: var(--kbq-background-bg);
   --checkbox-outline-width: var(--kbq-size-3xs);
@@ -1148,6 +1435,7 @@
   color: var(--checkbox-color);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-checkbox-checkbox-dbb3d9 {
@@ -1162,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);
@@ -1209,34 +1494,34 @@
   --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);
 }
 
-.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);
@@ -1247,7 +1532,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);
 }
@@ -1271,7 +1556,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);
 }
 
@@ -1282,19 +1567,60 @@
 .kbq-checkbox-end-0c77de {
   flex-direction: row;
 }
+.kbq-animatedicon-61fd86 {
+  --animated-icon-direction: ;
+  --animated-icon-transition-function: cubic-bezier(.7, 0, .5, 1);
+  --animated-icon-transition: .3s;
+  transition: transform var(--animated-icon-transition) var(--animated-icon-transition-function);
+  transform: var(--animated-icon-direction);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.kbq-animatedicon-icon-2feff8 {
+  transition: transform var(--animated-icon-transition) var(--animated-icon-transition-function), opacity var(--animated-icon-transition) var(--animated-icon-transition-function);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="entering"] {
+  opacity: 1;
+  position: absolute;
+  transform: scale(1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="entered"] {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="exiting"] {
+  opacity: 0;
+  position: absolute;
+  transform: scale(.1);
+}
+
+.kbq-animatedicon-icon-2feff8[data-transition="exited"] {
+  opacity: 0;
+  transform: scale(.1);
+}
 .kbq-link-093ccd {
   --link-gap: var(--kbq-size-xxs);
   --link-outline-width: var(--kbq-size-3xs);
   cursor: pointer;
   color: var(--kbq-foreground-theme);
+  outline: var(--link-outline-width) solid;
   text-decoration: underline;
   -webkit-text-decoration-color: var(--kbq-line-theme-less);
   text-decoration-color: var(--kbq-line-theme-less);
+  transition: color var(--kbq-transition-default), outline var(--kbq-transition-default), text-decoration-color var(--kbq-transition-default);
   background: none;
   border: none;
-  outline: none;
+  outline-color: #0000;
   padding: 0;
-  transition: color;
 }
 
 .kbq-link-093ccd[aria-disabled="true"] {
@@ -1303,6 +1629,7 @@
   text-decoration: none;
   -webkit-text-decoration-color: var(--kbq-states-line-disabled);
   text-decoration-color: var(--kbq-states-line-disabled);
+  outline-color: #0000;
 }
 
 .kbq-link-hovered-1916bc {
@@ -1319,35 +1646,31 @@
 
 .kbq-link-focusVisible-a98307 {
   color: var(--kbq-foreground-theme);
+  outline-color: var(--kbq-states-line-focus-theme);
   -webkit-text-decoration-color: var(--kbq-line-theme-less);
   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);
 }
 
-.kbq-link-pseudo-5f21eb:where(:not(.kbq-link-pressed-0b493d, .kbq-link-hovered-1916bc)) {
-  text-decoration: none;
-}
-
-.kbq-link-pseudo-5f21eb:where(.kbq-link-focusVisible-a98307) {
-  outline: var(--link-outline-width) solid var(--kbq-states-line-focus-theme);
-  outline-offset: -1px;
+.kbq-link-pseudo-5f21eb:where(:not(.kbq-link-pressed-0b493d, .kbq-link-hovered-1916bc)), .kbq-link-pseudo-5f21eb[aria-disabled="true"] {
+  text-decoration-color: #0000;
 }
 
 .kbq-link-hasIcon-ea84d7 {
@@ -1761,8 +2084,12 @@
   --field-input-placeholder-color: var(--kbq-foreground-error-tertiary);
 }
 
-.kbq-fieldinput-filled-abb632:where(.kbq-fieldinput-disabled-59285a) {
-  --field-input-color: var(--kbq-states-foreground-disabled);
+.kbq-fieldinput-disabled-59285a {
+  cursor: not-allowed;
+}
+
+.kbq-fieldinput-filled-abb632:where(.kbq-fieldinput-disabled-59285a) {
+  --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);
 }
@@ -1808,21 +2135,6 @@
   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);
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  display: flex;
-  position: relative;
-}
-
-.kbq-fieldnumbercontrol-fullWidth-d20d89 {
-  inline-size: 100%;
-}
 .kbq-inputnumbercountercontrols-77ed13 {
   opacity: 0;
   visibility: hidden;
@@ -1840,165 +2152,6 @@
 .kbq-inputnumbercountercontrols-counter-1126db {
   inline-size: var(--kbq-size-3xl);
 }
-.kbq-flex-7624b3 {
-  --flex-gap: 0;
-  --flex-order: 0;
-  --flex-type: flex;
-  --flex-wrap: nowrap;
-  --flex-direction: row;
-  --flex-align-items: flex-start;
-  --flex-justify-content: flex-start;
-  gap: var(--flex-gap);
-  order: var(--flex-order);
-  display: var(--flex-type);
-  align-items: var(--flex-align-items);
-  justify-content: var(--flex-justify-content);
-  flex-flow: var(--flex-direction) var(--flex-wrap);
-}
-
-.kbq-flex-alignItems_flex-start-56df74 {
-  --flex-align-items: flex-start;
-}
-
-.kbq-flex-alignItems_flex-end-951e7a {
-  --flex-align-items: flex-end;
-}
-
-.kbq-flex-alignItems_center-05836e {
-  --flex-align-items: center;
-}
-
-.kbq-flex-alignItems_baseline-1e77c2 {
-  --flex-align-items: baseline;
-}
-
-.kbq-flex-alignItems_stretch-f031de {
-  --flex-align-items: stretch;
-}
-
-.kbq-flex-justifyContent_flex-start-05ff2a {
-  --flex-justify-content: flex-start;
-}
-
-.kbq-flex-justifyContent_flex-end-06a105 {
-  --flex-justify-content: flex-end;
-}
-
-.kbq-flex-justifyContent_center-5134e2 {
-  --flex-justify-content: center;
-}
-
-.kbq-flex-justifyContent_space-between-02a3e5 {
-  --flex-justify-content: space-between;
-}
-
-.kbq-flex-justifyContent_space-around-42e955 {
-  --flex-justify-content: space-around;
-}
-
-.kbq-flex-justifyContent_space-evenly-b84975 {
-  --flex-justify-content: space-evenly;
-}
-
-.kbq-flex-flex_flex-de4f74 {
-  --flex-type: flex;
-}
-
-.kbq-flex-flex_inline-flex-a712ef {
-  --flex-type: inline-flex;
-}
-
-.kbq-flex-wrap_wrap-78b98d {
-  --flex-wrap: wrap;
-}
-
-.kbq-flex-wrap_nowrap-902a73 {
-  --flex-wrap: nowrap;
-}
-
-.kbq-flex-wrap_wrap-reverse-dbacf6 {
-  --flex-wrap: wrap-reverse;
-}
-
-.kbq-flex-direction_row-8fff0d {
-  --flex-direction: row;
-}
-
-.kbq-flex-direction_row-reverse-7fa95e {
-  --flex-direction: row-reverse;
-}
-
-.kbq-flex-direction_column-29b97b {
-  --flex-direction: column;
-}
-
-.kbq-flex-direction_column-reverse-04ecc6 {
-  --flex-direction: column-reverse;
-}
-
-.kbq-flex-order_-1-4f5108 {
-  --flex-order: -1;
-}
-
-.kbq-flex-order_0-4a6164 {
-  --flex-order: 0;
-}
-
-.kbq-flex-order_1-b5e24c {
-  --flex-order: 1;
-}
-
-.kbq-flex-gap_3xs-5c9d4e {
-  --flex-gap: var(--kbq-size-3xs);
-}
-
-.kbq-flex-gap_xxs-035614 {
-  --flex-gap: var(--kbq-size-xxs);
-}
-
-.kbq-flex-gap_xs-970b31 {
-  --flex-gap: var(--kbq-size-xs);
-}
-
-.kbq-flex-gap_s-e9d292 {
-  --flex-gap: var(--kbq-size-s);
-}
-
-.kbq-flex-gap_m-21a099 {
-  --flex-gap: var(--kbq-size-m);
-}
-
-.kbq-flex-gap_l-47c05c {
-  --flex-gap: var(--kbq-size-l);
-}
-
-.kbq-flex-gap_xl-d76274 {
-  --flex-gap: var(--kbq-size-xl);
-}
-
-.kbq-flex-gap_xxl-0e68cb {
-  --flex-gap: var(--kbq-size-xxl);
-}
-
-.kbq-flex-gap_3xl-497012 {
-  --flex-gap: var(--kbq-size-3xl);
-}
-
-.kbq-flex-gap_4xl-0b7c71 {
-  --flex-gap: var(--kbq-size-4xl);
-}
-
-.kbq-flex-gap_5xl-ed56fe {
-  --flex-gap: var(--kbq-size-5xl);
-}
-
-.kbq-flex-gap_6xl-0749d1 {
-  --flex-gap: var(--kbq-size-6xl);
-}
-
-.kbq-flex-gap_7xl-0a1536 {
-  --flex-gap: var(--kbq-size-7xl);
-}
 .kbq-radio-c3ed31 {
   --radio-size: ;
   --radio-opacity: 0;
@@ -2006,10 +2159,10 @@
   --radio-border-radius: 50%;
   --radio-icon-color: transparent;
   --radio-outline-color: transparent;
-  --radio-color: var(--kbq-foreground-contrast);
   --radio-icon-size: var(--kbq-size-xs);
   --radio-outline-width: var(--kbq-size-3xs);
   --radio-bg-color: var(--kbq-background-bg);
+  --radio-color: var(--kbq-foreground-contrast);
   --radio-border-width: var(--kbq-size-border-width);
   --radio-border-color: var(--kbq-line-contrast-fade);
   cursor: pointer;
@@ -2018,6 +2171,7 @@
   color: var(--radio-color);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-radio-circle-a0903b {
@@ -2029,24 +2183,20 @@
   margin-block: var(--radio-margin-block);
   border-radius: var(--radio-border-radius);
   border: var(--radio-border-width) solid var(--radio-border-color);
-  transition: background-color var(--kbq-transition-default), border var(--kbq-transition-default), outline-color var(--kbq-transition-default), color var(--kbq-transition-default);
+  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);
-  position: relative;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
 }
 
-.kbq-radio-circle-a0903b:before {
-  content: "";
-  opacity: var(--radio-opacity);
-  block-size: var(--radio-icon-size);
-  inline-size: var(--radio-icon-size);
-  transition: opacity var(--kbq-transition-default);
-  background-color: currentColor;
-  border-radius: 50%;
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-  transform: translate(-50%, -50%);
+.kbq-radio-icon-148a68 {
+  opacity: 0;
+  transition: transform var(--kbq-transition-slow), opacity var(--kbq-transition-slow);
+  flex-shrink: 0;
+  transform: scale(.1);
 }
 
 .kbq-radio-normal-81ed3e {
@@ -2089,6 +2239,11 @@
   --radio-opacity: 1;
 }
 
+.kbq-radio-checked-a71e68 .kbq-radio-icon-148a68 {
+  opacity: 1;
+  transform: scale(1);
+}
+
 .kbq-radio-checked-a71e68:where(.kbq-radio-hovered-3999f1) {
   --radio-icon-color: var(--kbq-white-default);
   --radio-bg-color: var(--kbq-states-background-theme-hover);
@@ -2162,6 +2317,7 @@
   gap: var(--kbq-size-s);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-toggle-track-03a806 {
@@ -2173,6 +2329,7 @@
   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);
+  flex-shrink: 0;
   position: relative;
 }
 
@@ -2238,39 +2395,39 @@
   --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 {
+.kbq-toggle-invalid-ae9ba4 {
   --toggle-track-bg-color: var(--kbq-states-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-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-thumb-bg-color: var(--kbq-icon-white);
@@ -2281,7 +2438,7 @@
   --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);
 }
 
@@ -2390,21 +2547,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;
 }
@@ -2415,11 +2584,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 {
@@ -2440,6 +2609,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;
@@ -2447,8 +2684,10 @@
   outline: none;
   flex-direction: column;
   flex-grow: 1;
+  min-block-size: 48px;
   display: flex;
   position: relative;
+  overflow: hidden;
 }
 
 .kbq-dialog-container-a08202 {
@@ -2511,8 +2750,7 @@
 [data-bottom-overflow="true"] .kbq-dialog-footer-cf03d1 {
   box-shadow: var(--kbq-shadow-overflow-normal-top);
 }
-.kbq-modal-4b03cd {
-  --modal-window-offset: 48px;
+.kbq-sidepanel-2aae74 {
   pointer-events: none;
   z-index: var(--kbq-layer-modal);
   display: flex;
@@ -2520,74 +2758,8 @@
   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);
-  display: flex;
-  position: fixed;
-  inset: 0;
-}
-
-.kbq-sidepanel-small-c39c6a {
-  --side-panel-size: 400px;
+.kbq-sidepanel-small-c39c6a {
+  --side-panel-size: 400px;
 }
 
 .kbq-sidepanel-medium-64ac8f {
@@ -2632,30 +2804,13 @@
 .kbq-popover-f14dc5 {
   --popover-inline-size: ;
   border-radius: var(--kbq-size-m);
-  min-block-size: 48px;
   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;
 }
@@ -2672,6 +2827,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;
@@ -2713,12 +2875,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: ;
@@ -2731,27 +2891,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;
 }
@@ -2846,15 +2990,7 @@
 
 .kbq-tooltip-0c8f57[data-transition="exiting"], .kbq-tooltip-0c8f57[data-transition="exited"] {
   opacity: 0;
-  transform: var(--popover-transform);
-}
-.kbq-list-928929 {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
 }
-
 .kbq-list-label-e4431c {
   padding: var(--kbq-size-xs) var(--kbq-size-m);
 }
@@ -2866,68 +3002,751 @@
 }
 
 .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;
-  gap: var(--kbq-size-s);
+  outline-offset: -1px;
+  box-sizing: border-box;
   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;
-  text-decoration: none;
+  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-listoption-hovered-163e16 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-hover);
+.kbq-fieldselect-0f0f5e:focus {
+  outline-color: var(--field-input-outline-color);
 }
 
-.kbq-listoption-pressed-292310 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-active);
+.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-listoption-focusVisible-dcff25 {
-  --list-item-outline-color: var(--kbq-states-line-focus-theme);
+.kbq-fieldselect-error-0cac4a {
+  --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-listoption-selected-012293 {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.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-listoption-selected-012293:where(.kbq-listoption-hovered-163e16) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-hover);
+.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;
+  margin: 0;
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-pressed-292310) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-active);
+.kbq-divider-block-72e3e3 {
+  display: block;
 }
 
-.kbq-listoption-disabled-dafd94 {
-  --list-item-bg-color: ;
-  cursor: default;
-  opacity: .3;
+.kbq-divider-inlineBlock-0f06d1 {
+  display: inline-block;
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-disabled-dafd94) {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.kbq-divider-inline-2d4752 {
+  display: inline;
 }
 
-[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-divider-vertical-a4e613 {
+  --divider-paddings: 0 var(--kbq-size-xxs);
+  border-width: 0 1px 0 0;
+  block-size: 100%;
+  inline-size: 0;
 }
 
-[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-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;
+}
+
+[data-equal-item-size="true"] .kbq-buttontoggle-caa007 {
+  flex: 1;
+}
+
+.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-buttontoggle-caa007:first-child {
+  --button-toggle-padding-inline-start: var(--kbq-size-xxs);
+}
+
+.kbq-buttontoggle-caa007:last-child {
+  --button-toggle-padding-inline-end: var(--kbq-size-xxs);
+}
+
+.kbq-buttontoggle-hovered-4706db {
+  --button-toggle-bg-color: var(--kbq-states-background-contrast-fade-hover);
+}
+
+.kbq-buttontoggle-pressed-6d5049 {
+  --button-toggle-bg-color: var(--kbq-states-background-contrast-fade-active);
+}
+
+.kbq-buttontoggle-selected-3e6996 {
+  --button-toggle-bg-color: var(--kbq-background-card);
+}
+
+.kbq-buttontoggle-selected-3e6996:where(.kbq-buttontoggle-pressed-6d5049) {
+  --button-toggle-bg-color: var(--kbq-states-background-transparent-active);
+}
+
+.kbq-buttontoggle-disabled-c0d011 {
+  --button-toggle-color: var(--kbq-states-foreground-disabled);
+  --button-toggle-icon-color: inherit;
+  cursor: not-allowed;
+}
+
+.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-spacing-mbs_0-be7021 {
   margin-block-start: 0;