@koobiq/react-components 0.0.1-beta.2 → 0.0.1-beta.21

package/dist/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-progress-f454f0) {
   --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-progress-f454f0) {
   --button-border-color: var(--button-border-color-active);
   background-color: var(--button-bg-color-active);
 }
@@ -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: default;
+  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);
@@ -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,6 +1646,7 @@
 
 .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);
 }
@@ -1341,13 +1669,8 @@
   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);
 }
@@ -1840,165 +2167,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 +2174,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 +2186,7 @@
   color: var(--radio-color);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-radio-circle-a0903b {
@@ -2029,24 +2198,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 +2254,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 +2332,7 @@
   gap: var(--kbq-size-s);
   align-items: flex-start;
   display: inline-flex;
+  position: relative;
 }
 
 .kbq-toggle-track-03a806 {
@@ -2173,6 +2344,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;
 }
 
@@ -2440,6 +2612,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 +2687,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 +2753,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,92 +2761,26 @@
   inset: 0;
 }
 
-.kbq-modal-small-7273e9 {
-  --modal-window-inline-size: 400px;
+.kbq-sidepanel-small-c39c6a {
+  --side-panel-size: 400px;
 }
 
-.kbq-modal-medium-5db542 {
-  --modal-window-inline-size: 640px;
+.kbq-sidepanel-medium-64ac8f {
+  --side-panel-size: 640px;
 }
 
-.kbq-modal-large-534723 {
-  --modal-window-inline-size: 960px;
+.kbq-sidepanel-large-e885ab {
+  --side-panel-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-sidepanel-left-e8e188 {
+  --side-panel-start-position: -100%;
+  justify-content: flex-start;
 }
 
-.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-medium-64ac8f {
-  --side-panel-size: 640px;
-}
-
-.kbq-sidepanel-large-e885ab {
-  --side-panel-size: 960px;
-}
-
-.kbq-sidepanel-left-e8e188 {
-  --side-panel-start-position: -100%;
-  justify-content: flex-start;
-}
-
-.kbq-sidepanel-right-4fdda0 {
-  --side-panel-start-position: 100%;
-  justify-content: flex-end;
+.kbq-sidepanel-right-4fdda0 {
+  --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 {
@@ -2632,30 +2807,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 +2830,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 +2878,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 +2894,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 +2993,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 +3005,441 @@
 }
 
 .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;
+  border-radius: var(--kbq-size-s);
+  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-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-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;
+  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);
-  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);
+  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-block-f9494f {
+  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-listoption-hovered-163e16 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-hover);
+.kbq-taginner-cancelIcon-8a3dbe {
+  justify-content: center;
+  align-items: center;
+  margin-inline-end: var(--kbq-size-3xs);
+  display: flex;
 }
 
-.kbq-listoption-pressed-292310 {
-  --list-item-bg-color: var(--kbq-states-background-transparent-active);
+.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-listoption-focusVisible-dcff25 {
-  --list-item-outline-color: var(--kbq-states-line-focus-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-listoption-selected-012293 {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.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-listoption-selected-012293:where(.kbq-listoption-hovered-163e16) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-hover);
+.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-listoption-selected-012293:where(.kbq-listoption-pressed-292310) {
-  --list-item-bg-color: var(--kbq-states-background-theme-less-active);
+.kbq-taginner-theme-fade-68b99c:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-theme-fade-hover);
 }
 
-.kbq-listoption-disabled-dafd94 {
-  --list-item-bg-color: ;
-  cursor: default;
-  opacity: .3;
+.kbq-taginner-contrast-fade-39d7a7:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-contrast-fade-hover);
 }
 
-.kbq-listoption-selected-012293:where(.kbq-listoption-disabled-dafd94) {
-  --list-item-bg-color: var(--kbq-background-theme-less);
+.kbq-taginner-error-fade-6d7d03:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-error-fade-hover);
 }
 
-[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-taginner-warning-fade-9403c7:where(.kbq-taginner-hovered-abf199) {
+  --tag-bg-color: var(--kbq-states-background-warning-fade-hover);
 }
 
-[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-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-spacing-mbs_0-be7021 {
   margin-block-start: 0;