@accelint/design-system 0.1.1 → 0.2.0

package/dist/styles.css

@@ -231,26 +231,6 @@
   --color__ljimwq5h: ;
 }
 
-/* src/styles/space.css.ts.vanilla.css -> assets/styles/space.css */
-@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
-@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
-  h1, h2, h3, h4, h5, h6 {
-    margin-bottom: var(--heading__ljimwq36);
-  }
-  p {
-    margin-bottom: var(--paragraph__ljimwq37);
-  }
-  ol, ul {
-    margin-bottom: var(--list-group__ljimwq38);
-  }
-  li {
-    margin-bottom: var(--list-item__ljimwq39);
-  }
-  :last-child {
-    margin-bottom: var(--lastChild__ljimwq3a);
-  }
-}
-
 /* src/styles/reset.css.ts.vanilla.css -> assets/styles/reset.css */
 @layer layers_reset__qkbqqj0;
 @layer layers_reset__qkbqqj0 {
@@ -284,6 +264,26 @@
   }
 }
 
+/* src/styles/space.css.ts.vanilla.css -> assets/styles/space.css */
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom: var(--heading__ljimwq36);
+  }
+  p {
+    margin-bottom: var(--paragraph__ljimwq37);
+  }
+  ol, ul {
+    margin-bottom: var(--list-group__ljimwq38);
+  }
+  li {
+    margin-bottom: var(--list-item__ljimwq39);
+  }
+  :last-child {
+    margin-bottom: var(--lastChild__ljimwq3a);
+  }
+}
+
 /* src/styles/surfaces.css.ts.vanilla.css -> assets/styles/surfaces.css */
 @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
 @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
@@ -483,14 +483,6 @@
   }
 }
 
-/* src/hooks/use-theme/use-theme.css.ts.vanilla.css -> assets/hooks/use-theme/use-theme.css */
-@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
-@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
-  .use-theme_root__5ipw7a0 {
-    display: contents;
-  }
-}
-
 /* src/components/popover/popover.css.ts.vanilla.css -> assets/components/popover/popover.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
@@ -519,139 +511,158 @@
   }
 }
 
-/* src/components/drawer/drawer.css.ts.vanilla.css -> assets/components/drawer/drawer.css */
+/* src/hooks/use-theme/use-theme.css.ts.vanilla.css -> assets/hooks/use-theme/use-theme.css */
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  .use-theme_root__5ipw7a0 {
+    display: contents;
+  }
+}
+
+/* src/components/dialog/dialog.css.ts.vanilla.css -> assets/components/dialog/dialog.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+.dialog_dialogClassNames_modal__8ms59zk {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: var(--dialog__ljimwq5a);
+  transform: translate(-50%, -50%);
+}
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .drawer_drawerClassNames_container__3hvldbh {
-    container-name: drawer_drawerContainer__3hvldb0;
+  .dialog_header__8ms59zg {
+    margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
+  }
+  .dialog_content__8ms59zh {
+    color: var(--content-color__8ms59z2);
+  }
+  .dialog_dialogClassNames_portal__8ms59zi {
     display: contents;
   }
-  .drawer_drawerClassNames_dialog_container__3hvldbk {
-    height: 100%;
+  .dialog_dialogClassNames_container__8ms59zj {
+    container-name: dialog_dialogContainer__8ms59z0;
+    display: contents;
   }
-  .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-    width: var(--drawer-width__3hvldb6);
-    height: 100%;
+  .dialog_dialogClassNames_container__8ms59zj::before {
+    content: "";
+    width: 100%;
+    height: var(--visual-viewport-height);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: var(--dialog__ljimwq5a);
+    background: var(--overlay__8ms59z1);
+  }
+  .dialog_dialogClassNames_dialog__8ms59zl {
+    width: var(--width__8ms59z3, 300px);
     display: flex;
     flex-direction: column;
-    gap: var(--drawer-gap__3hvldb7);
-    padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
-  }
-  .drawer_drawerClassNames_header_header__3hvldbm {
-    display: grid;
-    grid-template-areas: "back title close";
-    grid-template-columns: auto 1fr auto;
-    gap: var(--drawer-gap__3hvldb7);
-    align-items: center;
+    gap: var(--gap-default__8ms59z6);
+    padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
+    border-radius: var(--md__ljimwq3e);
   }
-  .drawer_drawerClassNames_header_title__3hvldbo {
-    margin-bottom: 0;
+  .dialog_dialogClassNames_footer__8ms59zm {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
   }
-  .drawer_drawerClassNames_content__3hvldbq {
-    flex: 1;
+}
+@container style(--isGlobal__8ms59ze: false) {
+  .dialog_dialogClassNames_modal__8ms59zk {
+    position: absolute;
   }
-  .drawer_drawerClassNames_footer__3hvldbr {
+}
+
+/* src/components/chip/chip.css.ts.vanilla.css -> assets/components/chip/chip.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .chip_chipClassNames_list__1t8hj09j {
     display: flex;
-    justify-content: flex-end;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--list-gap__1t8hj094);
   }
-  @container style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: var(--drawer-width__3hvldb6);
-      position: absolute;
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-      overflow: hidden;
-      pointer-events: none;
-    }
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-      pointer-events: auto;
-    }
+  .chip_chipClassNames_container__1t8hj09k {
+    container-name: chip_chipContainer__1t8hj090;
+    display: contents;
   }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      left: 0;
-    }
+  .chip_chipClassNames_chip__1t8hj09l {
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--border__1t8hj092, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__1t8hj091, none);
+    color: var(--color__1t8hj093, currentcolor);
+    overflow: hidden;
   }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      right: 0;
-    }
+  .chip_chipClassNames_label__1t8hj09m {
+    display: flex;
+    gap: var(--chip-gap__1t8hj095);
+    padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
+    border: none;
+    background: none;
+    color: currentcolor;
   }
-  @container style(--layoutShift__3hvldbd: true) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: 0;
-      overflow: hidden;
-      transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-    }
+  .chip_chipClassNames_remove__1t8hj09n {
+    padding: var(--chip-y__1t8hj097);
+    border: none;
+    background: none;
+    cursor: pointer;
+    color: currentcolor;
   }
-  @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_dialog_container__3hvldbk {
-      width: var(--drawer-width__3hvldb6);
+  @container style(--allowsRemoving__1t8hj09a: true) {
+    .chip_chipClassNames_label__1t8hj09m {
+      padding-right: var(--chip-y__1t8hj097);
     }
   }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transform: translateX(-100%);
+  @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
+    .chip_chipClassNames_label__1t8hj09m {
+      cursor: pointer;
     }
   }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
-    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
-      transform: translateX(100%);
+  @container style(--isDisabled__1t8hj09d: true) {
+    .chip_chipClassNames_label__1t8hj09m {
+      cursor: not-allowed;
     }
-  }
-  @container style(--isChild__3hvldbg: false) {
-    .drawer_drawerClassNames_header_title__3hvldbo {
-      grid-area: back title;
+    .chip_chipClassNames_remove__1t8hj09n {
+      cursor: not-allowed;
     }
   }
-  @container style(--isChild__3hvldbg: true) {
-    .drawer_drawerClassNames_header_title__3hvldbo {
-      grid-area: title;
-      text-align: center;
+  @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
+    .chip_chipClassNames_remove__1t8hj09n {
+      outline: none;
     }
   }
 }
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .drawer_drawerClassNames_tabs_tabs__3hvldbi {
-    height: 100%;
-    display: block;
-    position: relative;
+
+/* src/components/input/input.css.ts.vanilla.css -> assets/components/input/input.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .input_inputClassNames_container__6yc0ril {
+    container-name: input_inputContainer__6yc0ri0;
+    display: contents;
   }
-  .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-    position: absolute;
-    top: var(--list-top__3hvldba);
-    transform: translateY(var(--list-translateY__3hvldbb, 0));
+  .input_inputClassNames_sizer__6yc0rim {
+    min-width: var(--minWidth__6yc0ri4, auto);
+    width: var(--width__6yc0ri5, 100%);
+    max-width: var(--maxWidth__6yc0ri6, 100%);
   }
-  .drawer_drawerClassNames_header_back_container__3hvldbn {
-    grid-area: back;
+  .input_inputClassNames_input__6yc0rin {
+    width: 100%;
+    padding: var(--y__6yc0ri8, 0) var(--x__6yc0ri7, 0);
+    border: 1px solid var(--border__6yc0ri2, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__6yc0ri1);
+    font-family: var(--mono__ljimwq3i);
+    color: var(--color__6yc0ri3);
   }
-  .drawer_drawerClassNames_header_close_container__3hvldbp {
-    grid-area: close;
+  .input_inputClassNames_input__6yc0rin::-webkit-inner-spin-button {
+    display: none;
   }
-  @container style(--anchor__3hvldbc: left) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      left: 100%;
-    }
-  }
-  @container style(--anchor__3hvldbc: right) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      right: 100%;
-    }
-  }
-  @container style(--layoutShift__3hvldbd: false) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
-    }
-  }
-  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
-    }
-  }
-  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
-    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
-      transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
+  @container style(--isDisabled__6yc0ric: true) {
+    .input_inputClassNames_input__6yc0rin {
+      cursor: not-allowed;
     }
   }
 }
@@ -731,296 +742,162 @@
   }
 }
 
-/* src/components/switch/switch.css.ts.vanilla.css -> assets/components/switch/switch.css */
+/* src/components/button/button.css.ts.vanilla.css -> assets/components/button/button.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .switch_switchClassNames_container__1j8i4wgh {
-    container-name: switch_switchContainer__1j8i4wg0;
-    width: fit-content;
+  .button_buttonClassNames_container__17k72zwp {
+    container-name: button_buttonContainer__17k72zw0;
+    width: var(--width__17k72zwb, fit-content);
     display: block;
+    background: none;
+    padding: 0;
+    border: 0;
+    text-decoration: none;
+    color: currentcolor;
   }
-  .switch_switchClassNames_switch__1j8i4wgi {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--gap__1j8i4wg7);
-    color: var(--color__1j8i4wg3);
-  }
-  .switch_switchClassNames_indicator__1j8i4wgk {
+  .button_buttonClassNames_button__17k72zwq {
     display: flex;
+    justify-content: center;
     align-items: center;
-    padding: var(--gutter__1j8i4wg6);
-    border: 1px solid var(--border__1j8i4wg1, transparent);
-    border-radius: var(--round__ljimwq3g);
-    background: var(--background__1j8i4wg2);
-  }
-  .switch_switchClassNames_indicator__1j8i4wgk::before {
-    content: "";
-    display: block;
-    width: var(--diameter__1j8i4wg5);
-    height: var(--diameter__1j8i4wg5);
-    border-radius: var(--round__ljimwq3g);
-    margin: 0 var(--travel__1j8i4wg8);
-    background: var(--indicator__1j8i4wg4);
-  }
-  @container style(--alignInput__1j8i4wg9: start) {
-    .switch_switchClassNames_switch__1j8i4wgi {
-      flex-direction: row-reverse;
-    }
+    gap: var(--gap__17k72zw9);
+    min-width: var(--minWidth__17k72zwa, auto);
+    width: var(--width__17k72zwb, fit-content);
+    padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
+    border: 1px solid var(--border__17k72zw7, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
+    font-weight: 700;
+    color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
+    cursor: pointer;
   }
-  @container style(--alignInput__1j8i4wg9: end) {
-    .switch_switchClassNames_switch__1j8i4wgi {
-      flex-direction: row;
+  @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
+    .button_buttonClassNames_button__17k72zwq {
+      min-width: auto;
     }
   }
-  @container style(--isReadOnly__1j8i4wgf: false) {
-    .switch_switchClassNames_switch__1j8i4wgi {
-      cursor: pointer;
+  @container style(--variant__17k72zwg: floating) {
+    .button_buttonClassNames_button__17k72zwq {
+      border-radius: var(--round__ljimwq3g);
     }
   }
-  @container style(--isDisabled__1j8i4wga: true) {
-    .switch_switchClassNames_switch__1j8i4wgi {
-      cursor: not-allowed;
+  @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
+    .button_buttonClassNames_button__17k72zwq {
+      border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
+      background: var(--background__17k72zw6, transparent);
     }
   }
-  @container style(--isSelected__1j8i4wgg: false) {
-    .switch_switchClassNames_indicator__1j8i4wgk::before {
-      transform: translateX(calc(var(--travel__1j8i4wg8) * -1));
+  @container style(--variant__17k72zwg: solid) {
+    .button_buttonClassNames_button__17k72zwq {
+      background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
+      color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
     }
   }
-  @container style(--isSelected__1j8i4wgg: true) {
-    .switch_switchClassNames_indicator__1j8i4wgk::before {
-      transform: translateX(var(--travel__1j8i4wg8));
+  @container style(--isDisabled__17k72zwi: true) {
+    .button_buttonClassNames_button__17k72zwq {
+      cursor: not-allowed;
     }
   }
 }
 
-/* src/components/query-builder/query-builder.css.ts.vanilla.css -> assets/components/query-builder/query-builder.css */
+/* src/components/combo-box/combo-box.css.ts.vanilla.css -> assets/components/combo-box/combo-box.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d {
-    container-name: query-builder_queryBuilderContainers_queryBuilder__xkizz0;
+  .combo-box_comboBoxClassNames_container__12tc9p8a {
+    container-name: combo-box_comboBoxContainer__12tc9p80;
     display: contents;
   }
-  .query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e {
-    border: 1px solid var(--queryBuilder-border__xkizz5, transparent);
-    background: var(--queryBuilder-background__xkizz4);
-    color: var(--queryBuilder-color__xkizz6);
-    padding: var(--queryBuilder-y__xkizzf, 0) var(--queryBuilder-x__xkizze, 0);
-  }
-  .query-builder_queryBuilderClassNames_group_group__xkizz1f {
-    border: 1px solid var(--group-border__xkizz8, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--group-background__xkizz7);
-    color: var(--group-color__xkizz9);
-    display: flex;
-    flex-direction: column;
-    gap: var(--group-gap__xkizzg);
-    padding: var(--group-y__xkizzi, 0) var(--group-x__xkizzh, 0);
+  .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
     width: fit-content;
-  }
-  .query-builder_queryBuilderClassNames_group_header__xkizz1g {
     display: flex;
-    padding: var(--header-y__xkizzk, 0) var(--header-x__xkizzj, 0);
+    flex-direction: column;
+    align-items: flex-start;
   }
-  .query-builder_queryBuilderClassNames_group_body__xkizz1h {
-    display: grid;
-    align-items: start;
-    gap: var(--body-gap__xkizzl);
-    grid-template-columns: max-content min-content min-content max-content min-content;
-    padding: var(--body-y__xkizzn, 0) var(--body-x__xkizzm, 0);
+  .combo-box_comboBoxClassNames_label__12tc9p8c {
+    color: var(--color__6yc0ri3);
   }
-  .query-builder_queryBuilderClassNames_group_footer__xkizz1i {
+  .combo-box_comboBoxClassNames_group__12tc9p8d {
+    position: relative;
     display: flex;
-    justify-content: flex-end;
-    padding: var(--footer-y__xkizz14, 0) var(--footer-x__xkizz13, 0);
+    align-items: center;
+    padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
   }
-  .query-builder_queryBuilderClassNames_rule_container__xkizz1j {
-    container-name: query-builder_queryBuilderContainers_rule__xkizz2;
-    display: contents;
+  .combo-box_comboBoxClassNames_description__12tc9p8h {
+    color: var(--description-color__12tc9p81);
   }
-  .query-builder_queryBuilderClassNames_rule_rule__xkizz1k {
-    display: grid;
-    grid-template-columns: subgrid;
-    grid-column-start: 1;
-    grid-column-end: -1;
-    padding: var(--rule-y__xkizzp, 0) var(--rule-x__xkizzo, 0);
-    border: 1px solid var(--rule-border__xkizzb, transparent);
-    border-radius: var(--sm__ljimwq3d);
-    background: var(--rule-background__xkizza);
-    color: var(--rule-color__xkizzc);
+  .combo-box_comboBoxClassNames_error__12tc9p8i {
+    color: var(--error-color__12tc9p82);
   }
-  .query-builder_queryBuilderClassNames_rule_field__xkizz1l {
-    width: var(--field-width__xkizzq, 100%);
-    min-width: var(--field-minWidth__xkizzs, var(--field-width__xkizzq));
-    max-width: var(--field-maxWidth__xkizzr, var(--field-width__xkizzq));
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    border: 1px solid var(--border__6yc0ri2, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__6yc0ri1);
+    color: var(--color__6yc0ri3);
   }
-  .query-builder_queryBuilderClassNames_rule_operator__xkizz1m {
-    width: var(--operator-width__xkizzt, 100%);
-    min-width: var(--operator-minWidth__xkizzv, var(--operator-width__xkizzt));
-    max-width: var(--operator-maxWidth__xkizzu, var(--operator-width__xkizzt));
+  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
+    outline-offset: var(--offset__ljimwq5e);
   }
-  .query-builder_queryBuilderClassNames_rule_values__xkizz1n {
-    display: flex;
-    flex-direction: column;
-    gap: var(--values-gap__xkizzw, var(--body-gap__xkizzl, 0));
-    width: var(--values-width__xkizzx, 100%);
-    min-width: var(--values-minWidth__xkizzz, var(--values-width__xkizzx));
-    max-width: var(--values-maxWidth__xkizzy, var(--values-width__xkizzx));
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f {
+    position: relative;
+    padding: 0;
+    border: none;
+    background: none;
   }
-  .query-builder_queryBuilderClassNames_rule_source__xkizz1o {
-    width: var(--source-width__xkizz10, 100%);
-    min-width: var(--source-minWidth__xkizz12, var(--source-width__xkizz10));
-    max-width: var(--source-maxWidth__xkizz11, var(--source-width__xkizz10));
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
+    -webkit-appearance: none;
   }
-  .query-builder_queryBuilderClassNames_rule_value__xkizz1p {
-    width: 100%;
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
+    outline: none;
   }
-  .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-    color: var(--error-color__xkizzd);
+  .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
+    position: relative;
+    padding: 0;
+    background: none;
   }
-  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and style(--after__xkizz16: 0) {
-    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
-      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content min-content;
-    }
+}
+
+/* src/components/group/group.css.ts.vanilla.css -> assets/components/group/group.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .group_groupClassNames_container__eq8x6h8 {
+    container-name: group_groupContainer__eq8x6h0;
+    display: contents;
   }
-  @container style(--before__xkizz17: 0) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
-    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
-      grid-template-columns: max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+  .group_groupClassNames_group__eq8x6h9 {
+    width: fit-content;
+    display: flex;
+    gap: var(--gap__eq8x6h1);
+    padding: var(--y__eq8x6h3, 0) var(--x__eq8x6h2, 0);
+  }
+  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: false) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: row;
     }
   }
-  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
-    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
-      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: true) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: row-reverse;
     }
   }
-  @container style(--before__xkizz17: 2) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-start: 3;
+  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: false) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: column;
     }
   }
-  @container style(--before__xkizz17: 1) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-start: 2;
-    }
-  }
-  @container style(--before__xkizz17: 0) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-start: 1;
-    }
-  }
-  @container style(--after__xkizz16: 2) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-end: -4;
-    }
-  }
-  @container style(--after__xkizz16: 1) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-end: -3;
-    }
-  }
-  @container style(--after__xkizz16: 0) {
-    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
-      grid-column-end: -2;
-    }
-  }
-}
-
-/* src/components/group/group.css.ts.vanilla.css -> assets/components/group/group.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .group_groupClassNames_container__eq8x6h8 {
-    container-name: group_groupContainer__eq8x6h0;
-    display: contents;
-  }
-  .group_groupClassNames_group__eq8x6h9 {
-    width: fit-content;
-    display: flex;
-    gap: var(--gap__eq8x6h1);
-    padding: var(--y__eq8x6h3, 0) var(--x__eq8x6h2, 0);
-  }
-  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: false) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: row;
-    }
-  }
-  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: true) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: row-reverse;
-    }
-  }
-  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: false) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: column;
-    }
-  }
-  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: true) {
-    .group_groupClassNames_group__eq8x6h9 {
-      flex-direction: column-reverse;
-    }
-  }
-}
-
-/* src/components/chip/chip.css.ts.vanilla.css -> assets/components/chip/chip.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .chip_chipClassNames_list__1t8hj09j {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: var(--list-gap__1t8hj094);
-  }
-  .chip_chipClassNames_container__1t8hj09k {
-    container-name: chip_chipContainer__1t8hj090;
-    display: contents;
-  }
-  .chip_chipClassNames_chip__1t8hj09l {
-    width: fit-content;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid var(--border__1t8hj092, transparent);
-    border-radius: var(--round__ljimwq3g);
-    background: var(--background__1t8hj091, none);
-    color: var(--color__1t8hj093, currentcolor);
-    overflow: hidden;
-  }
-  .chip_chipClassNames_label__1t8hj09m {
-    display: flex;
-    gap: var(--chip-gap__1t8hj095);
-    padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
-    border: none;
-    background: none;
-    color: currentcolor;
-  }
-  .chip_chipClassNames_remove__1t8hj09n {
-    padding: var(--chip-y__1t8hj097);
-    border: none;
-    background: none;
-    cursor: pointer;
-    color: currentcolor;
-  }
-  @container style(--allowsRemoving__1t8hj09a: true) {
-    .chip_chipClassNames_label__1t8hj09m {
-      padding-right: var(--chip-y__1t8hj097);
-    }
-  }
-  @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
-    .chip_chipClassNames_label__1t8hj09m {
-      cursor: pointer;
-    }
-  }
-  @container style(--isDisabled__1t8hj09d: true) {
-    .chip_chipClassNames_label__1t8hj09m {
-      cursor: not-allowed;
-    }
-    .chip_chipClassNames_remove__1t8hj09n {
-      cursor: not-allowed;
-    }
-  }
-  @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
-    .chip_chipClassNames_remove__1t8hj09n {
-      outline: none;
+  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: true) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: column-reverse;
     }
   }
 }
@@ -1029,171 +906,409 @@
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .options_optionsClassNames_options_container__140gzb519 {
+  .options_optionsClassNames_options_container__140gzb51b {
     container-name: options_optionsContainers_options__140gzb50;
     display: block;
   }
-  .options_optionsClassNames_options_options__140gzb51a {
+  .options_optionsClassNames_options_options__140gzb51c {
     min-width: var(--options-minWidth__140gzb5x, var(--trigger-width));
     padding: var(--options-y__140gzb5z, 0) var(--options-x__140gzb5y, 0);
+    border-radius: var(--sm__ljimwq3d);
   }
-  .options_optionsClassNames_list_container__140gzb51b {
+  .options_optionsClassNames_list_container__140gzb51d {
     container-name: options_optionsContainers_list__140gzb51;
     display: contents;
   }
-  .options_optionsClassNames_list_list__140gzb51c {
-    display: flex;
-    flex-direction: column;
-    background: var(--list-background__140gzb5l);
-    border: 1px solid var(--list-border__140gzb5m, transparent);
-    border-radius: var(--sm__ljimwq3d);
-  }
-  .options_optionsClassNames_list_section__140gzb51d {
-    padding: var(--section-y__140gzb511, 0) var(--section-x__140gzb510, 0);
+  .options_optionsClassNames_list_section__140gzb51f {
+    padding: var(--section-y__140gzb513, 0) var(--section-x__140gzb512, 0);
   }
-  .options_optionsClassNames_list_header__140gzb51e {
-    padding: var(--header-y__140gzb513, var(--item-y__140gzb517, 0)) var(--header-x__140gzb512, var(--item-x__140gzb516, 0));
+  .options_optionsClassNames_list_header__140gzb51g {
+    padding: var(--header-y__140gzb515, var(--item-y__140gzb519, 0)) var(--header-x__140gzb514, var(--item-x__140gzb518, 0));
     border: 1px solid transparent;
     background: var(--header-background__140gzb5o);
     color: var(--header-color__140gzb5q);
   }
-  .options_optionsClassNames_list_separator__140gzb51f {
+  .options_optionsClassNames_list_separator__140gzb51h {
     height: 1px;
-    margin: var(--separator-y__140gzb515, 0) var(--separator-x__140gzb514, 0);
+    margin: var(--separator-y__140gzb517, 0) var(--separator-x__140gzb516, 0);
     background: var(--separator__140gzb5r);
   }
-  .options_optionsClassNames_item_container__140gzb51g {
+  .options_optionsClassNames_item_container__140gzb51i {
     container-name: options_optionsContainers_item__140gzb52;
   }
-  .options_optionsClassNames_item_item__140gzb51h {
+  .options_optionsClassNames_item_item__140gzb51j {
     display: grid;
     grid-template-areas: "icon label space action" "icon description space action";
     grid-template-columns: auto auto 1fr auto;
     grid-template-rows: auto auto;
     align-items: center;
-    gap: var(--item-gap__140gzb518);
-    padding: var(--item-y__140gzb517, 0) var(--item-x__140gzb516, 0);
+    gap: var(--item-gap__140gzb51a);
+    padding: var(--item-y__140gzb519, 0) var(--item-x__140gzb518, 0);
     border: 1px solid var(--item-border__140gzb5t, transparent);
     background: var(--item-background__140gzb5s);
     color: var(--item-color__140gzb5u);
     cursor: pointer;
   }
-  .options_optionsClassNames_item_label__140gzb51j {
+  .options_optionsClassNames_item_label__140gzb51l {
     grid-area: label;
     color: var(--label__140gzb5v);
   }
-  .options_optionsClassNames_item_description__140gzb51k {
+  .options_optionsClassNames_item_description__140gzb51m {
     grid-area: description;
     color: var(--description__140gzb5w, var(--label__140gzb5v));
   }
-  .options_optionsClassNames_item_shortcut__140gzb51l {
+  .options_optionsClassNames_item_shortcut__140gzb51n {
     grid-area: action;
   }
   @container style(--isDisabled__140gzb5f: true) {
-    .options_optionsClassNames_item_item__140gzb51h {
+    .options_optionsClassNames_item_item__140gzb51j {
       cursor: not-allowed;
     }
   }
   @container style(--hasDescription__140gzb5e: false) {
-    .options_optionsClassNames_item_label__140gzb51j {
+    .options_optionsClassNames_item_label__140gzb51l {
       grid-row-start: label;
       grid-row-end: description;
     }
   }
 }
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .options_optionsClassNames_item_icon_icon__140gzb51i {
+  .options_optionsClassNames_list_list__140gzb51e {
+    display: flex;
+    flex-direction: column;
+    background: var(--list-background__140gzb5l);
+    padding: var(--list-y__140gzb511, var(--v03__ljimwq2x)) var(--list-x__140gzb510, 0);
+    border: 1px solid var(--list-border__140gzb5m, transparent);
+    border-radius: var(--sm__ljimwq3d);
+  }
+  .options_optionsClassNames_item_icon_icon__140gzb51k {
     grid-area: icon;
   }
 }
 
-/* src/components/input/input.css.ts.vanilla.css -> assets/components/input/input.css */
+/* src/components/textarea/textarea.css.ts.vanilla.css -> assets/components/textarea/textarea.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .input_inputClassNames_container__6yc0ril {
-    container-name: input_inputContainer__6yc0ri0;
+  .textarea_textAreaClassNames_container__13oc1ofn {
+    container-name: textarea_textAreaContainer__13oc1of0;
     display: contents;
   }
-  .input_inputClassNames_sizer__6yc0rim {
-    min-width: var(--minWidth__6yc0ri4, auto);
-    width: var(--width__6yc0ri5, 100%);
-    max-width: var(--maxWidth__6yc0ri6, 100%);
-  }
-  .input_inputClassNames_input__6yc0rin {
-    width: 100%;
-    padding: var(--y__6yc0ri8, 0) var(--x__6yc0ri7, 0);
-    border: 1px solid var(--border__6yc0ri2, transparent);
+  .textarea_textAreaClassNames_textarea__13oc1ofo {
+    min-width: var(--minWidth__13oc1of4, auto);
+    width: var(--width__13oc1of5, 100%);
+    max-width: var(--maxWidth__13oc1of6, 100%);
+    min-height: var(--minHeight__13oc1of7, auto);
+    height: var(--height__13oc1of8, auto);
+    max-height: var(--maxHeight__13oc1of9, none);
+    display: block;
+    padding: var(--y__13oc1ofb, 0) var(--x__13oc1ofa, 0);
+    border: 1px solid var(--border__13oc1of2, transparent);
     border-radius: var(--md__ljimwq3e);
-    background: var(--background__6yc0ri1);
+    background: var(--background__13oc1of1);
     font-family: var(--mono__ljimwq3i);
-    color: var(--color__6yc0ri3);
+    color: var(--color__13oc1of3);
+    overflow: auto;
+    resize: var(--resize__13oc1ofc);
   }
-  .input_inputClassNames_input__6yc0rin::-webkit-inner-spin-button {
-    display: none;
+  .textarea_textAreaClassNames_textarea__13oc1ofo[contenteditable]:empty::before {
+    content: attr(data-placeholder);
   }
-  @container style(--isDisabled__6yc0ric: true) {
-    .input_inputClassNames_input__6yc0rin {
+  @container style(--isDisabled__13oc1ofe: true) {
+    .textarea_textAreaClassNames_textarea__13oc1ofo {
       cursor: not-allowed;
     }
   }
 }
 
-/* src/components/select/select.css.ts.vanilla.css -> assets/components/select/select.css */
+/* src/components/drawer/drawer.css.ts.vanilla.css -> assets/components/drawer/drawer.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .select_selectClassNames_container__1j26mgud {
-    container-name: select_selectContainer__1j26mgu0;
+  .drawer_drawerClassNames_container__3hvldbh {
+    container-name: drawer_drawerContainer__3hvldb0;
     display: contents;
   }
-  .select_selectClassNames_select__1j26mgue {
-    width: var(--width__1j26mgu3, fit-content);
+  .drawer_drawerClassNames_dialog_container__3hvldbk {
+    height: 100%;
+  }
+  .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+    width: var(--drawer-width__3hvldb6);
+    height: 100%;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    gap: var(--drawer-gap__3hvldb7);
+    padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
   }
-  .select_selectClassNames_label__1j26mguf {
-    color: var(--color__6yc0ri3);
+  .drawer_drawerClassNames_header_header__3hvldbm {
+    display: grid;
+    grid-template-areas: "back title close";
+    grid-template-columns: auto 1fr auto;
+    gap: var(--drawer-gap__3hvldb7);
+    align-items: center;
   }
-  .select_selectClassNames_description__1j26mguh {
-    color: var(--description-color__1j26mgu1);
+  .drawer_drawerClassNames_header_title__3hvldbo {
+    margin-bottom: 0;
   }
-  .select_selectClassNames_error__1j26mgui {
-    color: var(--error-color__1j26mgu2);
+  .drawer_drawerClassNames_content__3hvldbq {
+    flex: 1;
   }
-  .select_selectClassNames_value__1j26mguj {
-    overflow: hidden;
-    text-overflow: ellipsis;
+  .drawer_drawerClassNames_footer__3hvldbr {
+    display: flex;
+    justify-content: flex-end;
   }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .select_selectClassNames_toggle_button__1j26mgug {
-    font-family: var(--mono__ljimwq3i);
-    justify-content: space-between;
+  @container style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: var(--drawer-width__3hvldb6);
+      position: absolute;
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+      overflow: hidden;
+      pointer-events: none;
+    }
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+      pointer-events: auto;
+    }
   }
-}
-
-/* src/components/radio/radio.css.ts.vanilla.css -> assets/components/radio/radio.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .radio_radioClassNames_radio_container__hweo8bo {
-    container-name: radio_radioContainer__hweo8b0;
-    width: fit-content;
-    display: block;
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      left: 0;
+    }
   }
-  .radio_radioClassNames_radio_radio__hweo8bp {
-    display: flex;
-    align-items: center;
-    color: var(--color__hweo8b4);
-    gap: var(--gap__hweo8b6);
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      right: 0;
+    }
   }
-  .radio_radioClassNames_radio_radio__hweo8bp::before {
-    content: "";
-    display: block;
-    border: 1px solid var(--border__hweo8b2);
-    width: var(--diameter__hweo8b5);
-    height: var(--diameter__hweo8b5);
-    border-radius: var(--round__ljimwq3g);
+  @container style(--layoutShift__3hvldbd: true) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: 0;
+      overflow: hidden;
+      transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+    }
+  }
+  @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: var(--drawer-width__3hvldb6);
+    }
+  }
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transform: translateX(-100%);
+    }
+  }
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transform: translateX(100%);
+    }
+  }
+  @container style(--isChild__3hvldbg: false) {
+    .drawer_drawerClassNames_header_title__3hvldbo {
+      grid-area: back title;
+    }
+  }
+  @container style(--isChild__3hvldbg: true) {
+    .drawer_drawerClassNames_header_title__3hvldbo {
+      grid-area: title;
+      text-align: center;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .drawer_drawerClassNames_tabs_tabs__3hvldbi {
+    height: 100%;
+    display: block;
+    position: relative;
+  }
+  .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+    position: absolute;
+    top: var(--list-top__3hvldba);
+    transform: translateY(var(--list-translateY__3hvldbb, 0));
+  }
+  .drawer_drawerClassNames_header_back_container__3hvldbn {
+    grid-area: back;
+  }
+  .drawer_drawerClassNames_header_close_container__3hvldbp {
+    grid-area: close;
+  }
+  @container style(--anchor__3hvldbc: left) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      left: 100%;
+    }
+  }
+  @container style(--anchor__3hvldbc: right) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      right: 100%;
+    }
+  }
+  @container style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+    }
+  }
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
+    }
+  }
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
+    }
+  }
+}
+
+/* src/components/query-builder/query-builder.css.ts.vanilla.css -> assets/components/query-builder/query-builder.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d {
+    container-name: query-builder_queryBuilderContainers_queryBuilder__xkizz0;
+    display: contents;
+  }
+  .query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e {
+    border: 1px solid var(--queryBuilder-border__xkizz5, transparent);
+    background: var(--queryBuilder-background__xkizz4);
+    color: var(--queryBuilder-color__xkizz6);
+    padding: var(--queryBuilder-y__xkizzf, 0) var(--queryBuilder-x__xkizze, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_group__xkizz1f {
+    border: 1px solid var(--group-border__xkizz8, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--group-background__xkizz7);
+    color: var(--group-color__xkizz9);
+    display: flex;
+    flex-direction: column;
+    gap: var(--group-gap__xkizzg);
+    padding: var(--group-y__xkizzi, 0) var(--group-x__xkizzh, 0);
+    width: fit-content;
+  }
+  .query-builder_queryBuilderClassNames_group_header__xkizz1g {
+    display: flex;
+    padding: var(--header-y__xkizzk, 0) var(--header-x__xkizzj, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+    display: grid;
+    align-items: start;
+    gap: var(--body-gap__xkizzl);
+    grid-template-columns: max-content min-content min-content max-content min-content;
+    padding: var(--body-y__xkizzn, 0) var(--body-x__xkizzm, 0);
+  }
+  .query-builder_queryBuilderClassNames_group_footer__xkizz1i {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--footer-y__xkizz14, 0) var(--footer-x__xkizz13, 0);
+  }
+  .query-builder_queryBuilderClassNames_rule_container__xkizz1j {
+    container-name: query-builder_queryBuilderContainers_rule__xkizz2;
+    display: contents;
+  }
+  .query-builder_queryBuilderClassNames_rule_rule__xkizz1k {
+    display: grid;
+    grid-template-columns: subgrid;
+    grid-column-start: 1;
+    grid-column-end: -1;
+    padding: var(--rule-y__xkizzp, 0) var(--rule-x__xkizzo, 0);
+    border: 1px solid var(--rule-border__xkizzb, transparent);
+    border-radius: var(--sm__ljimwq3d);
+    background: var(--rule-background__xkizza);
+    color: var(--rule-color__xkizzc);
+  }
+  .query-builder_queryBuilderClassNames_rule_field__xkizz1l {
+    width: var(--field-width__xkizzq, 100%);
+    min-width: var(--field-minWidth__xkizzs, var(--field-width__xkizzq));
+    max-width: var(--field-maxWidth__xkizzr, var(--field-width__xkizzq));
+  }
+  .query-builder_queryBuilderClassNames_rule_operator__xkizz1m {
+    width: var(--operator-width__xkizzt, 100%);
+    min-width: var(--operator-minWidth__xkizzv, var(--operator-width__xkizzt));
+    max-width: var(--operator-maxWidth__xkizzu, var(--operator-width__xkizzt));
+  }
+  .query-builder_queryBuilderClassNames_rule_values__xkizz1n {
+    display: flex;
+    flex-direction: column;
+    gap: var(--values-gap__xkizzw, var(--body-gap__xkizzl, 0));
+    width: var(--values-width__xkizzx, 100%);
+    min-width: var(--values-minWidth__xkizzz, var(--values-width__xkizzx));
+    max-width: var(--values-maxWidth__xkizzy, var(--values-width__xkizzx));
+  }
+  .query-builder_queryBuilderClassNames_rule_source__xkizz1o {
+    width: var(--source-width__xkizz10, 100%);
+    min-width: var(--source-minWidth__xkizz12, var(--source-width__xkizz10));
+    max-width: var(--source-maxWidth__xkizz11, var(--source-width__xkizz10));
+  }
+  .query-builder_queryBuilderClassNames_rule_value__xkizz1p {
+    width: 100%;
+  }
+  .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+    color: var(--error-color__xkizzd);
+  }
+  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and style(--after__xkizz16: 0) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content min-content;
+    }
+  }
+  @container style(--before__xkizz17: 0) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+    }
+  }
+  @container (style(--before__xkizz17: 1) or style(--before__xkizz17: 2)) and (style(--after__xkizz16: 1) or style(--after__xkizz16: 2)) {
+    .query-builder_queryBuilderClassNames_group_body__xkizz1h {
+      grid-template-columns: repeat(var(--before__xkizz17), min-content) max-content min-content min-content max-content repeat(var(--after__xkizz16), min-content) min-content;
+    }
+  }
+  @container style(--before__xkizz17: 2) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 3;
+    }
+  }
+  @container style(--before__xkizz17: 1) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 2;
+    }
+  }
+  @container style(--before__xkizz17: 0) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-start: 1;
+    }
+  }
+  @container style(--after__xkizz16: 2) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -4;
+    }
+  }
+  @container style(--after__xkizz16: 1) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -3;
+    }
+  }
+  @container style(--after__xkizz16: 0) {
+    .query-builder_queryBuilderClassNames_rule_error__xkizz1q {
+      grid-column-end: -2;
+    }
+  }
+}
+
+/* src/components/radio/radio.css.ts.vanilla.css -> assets/components/radio/radio.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .radio_radioClassNames_radio_container__hweo8bo {
+    container-name: radio_radioContainer__hweo8b0;
+    width: fit-content;
+    display: block;
+  }
+  .radio_radioClassNames_radio_radio__hweo8bp {
+    display: flex;
+    align-items: center;
+    color: var(--color__hweo8b4);
+    gap: var(--gap__hweo8b6);
+  }
+  .radio_radioClassNames_radio_radio__hweo8bp::before {
+    content: "";
+    display: block;
+    border: 1px solid var(--border__hweo8b2);
+    width: var(--diameter__hweo8b5);
+    height: var(--diameter__hweo8b5);
+    border-radius: var(--round__ljimwq3g);
     background-image: radial-gradient(
             circle,
             var(--background__hweo8b3) 0,
@@ -1242,340 +1357,384 @@
   }
 }
 
-/* src/components/tree/tree.css.ts.vanilla.css -> assets/components/tree/tree.css */
+/* src/components/menu/menu.css.ts.vanilla.css -> assets/components/menu/menu.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .tree_treeClassNames_tree_container__kbtjn31b {
-    container-name: tree_treeContainers_tree__kbtjn30;
-    display: contents;
+  .menu_menuClassNames_menu_container__dpszds19 {
+    container-name: menu_menuContainers_menu__dpszds0;
+    display: block;
   }
-  .tree_treeClassNames_empty__kbtjn31c {
-    padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
-    border: 1px dashed var(--indicator-border__kbtjn37, transparent);
+  .menu_menuClassNames_menu_menu__dpszds1a {
+    min-width: var(--menu-minWidth__dpszdsv, var(--trigger-width));
+    padding: var(--menu-y__dpszdsx, 0) var(--menu-x__dpszdsw, 0);
     border-radius: var(--sm__ljimwq3d);
-    background: var(--indicator-background__kbtjn36);
-    color: var(--indicator-color__kbtjn38);
-    text-align: center;
-  }
-  .tree_treeClassNames_group__kbtjn31d {
-    container-name: tree_treeContainers_group__kbtjn31;
-    grid-area: group;
   }
-  .tree_treeClassNames_indicator_indicator__kbtjn31e {
-    outline: 1px solid var(--indicator-border__kbtjn37, transparent);
+  .menu_menuClassNames_list_container__dpszds1b {
+    container-name: menu_menuContainers_list__dpszds1;
+    display: contents;
   }
-  .tree_treeClassNames_item_container__kbtjn31f {
-    container-name: tree_treeContainers_item__kbtjn32;
+  .menu_menuClassNames_list_section__dpszds1d {
+    padding: var(--section-y__dpszds11, 0) var(--section-x__dpszds10, 0);
   }
-  .tree_treeClassNames_item_item__kbtjn31g {
-    display: grid;
-    grid-template-areas: "lines bar" "lines group";
-    grid-template-columns: auto 1fr;
-    align-items: center;
+  .menu_menuClassNames_list_header__dpszds1e {
+    padding: var(--header-y__dpszds13, var(--item-y__dpszds17, 0)) var(--header-x__dpszds12, var(--item-x__dpszds16, 0));
+    border: 1px solid transparent;
+    background: var(--header-background__dpszdsm);
+    color: var(--header-color__dpszdso);
   }
-  .tree_treeClassNames_item_bar__kbtjn31h {
+  .menu_menuClassNames_list_separator__dpszds1f {
+    height: 1px;
+    margin: var(--separator-y__dpszds15, 0) var(--separator-x__dpszds14, 0);
+    background: var(--separator__dpszdsp);
+  }
+  .menu_menuClassNames_item_container__dpszds1g {
+    container-name: menu_menuContainers_item__dpszds2;
+  }
+  .menu_menuClassNames_item_item__dpszds1h {
     display: grid;
-    grid-area: bar;
-    grid-template-areas: "visibility expansion description space actions selection drag";
-    grid-template-columns: auto auto auto 1fr auto auto auto;
+    grid-template-areas: "icon label space action" "icon description space action";
+    grid-template-columns: auto auto 1fr auto;
+    grid-template-rows: auto auto;
     align-items: center;
-    gap: var(--bar-x__kbtjn39);
-    padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
-    border: 1px solid var(--bar-border__kbtjn34, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--bar-background__kbtjn33);
-    color: var(--bar-color__kbtjn35);
+    gap: var(--item-gap__dpszds18);
+    padding: var(--item-y__dpszds17, 0) var(--item-x__dpszds16, 0);
+    border: 1px solid var(--item-border__dpszdsr, transparent);
+    background: var(--item-background__dpszdsq);
+    color: var(--item-color__dpszdss);
+    cursor: pointer;
   }
-  .tree_treeClassNames_item_description__kbtjn31m {
+  .menu_menuClassNames_item_label__dpszds1j {
+    grid-area: label;
+    color: var(--label__dpszdst);
+  }
+  .menu_menuClassNames_item_description__dpszds1k {
     grid-area: description;
-    padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
+    color: var(--description__dpszdsu, var(--label__dpszdst));
   }
-  @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
-    .tree_treeClassNames_item_description__kbtjn31m {
-      cursor: pointer;
+  .menu_menuClassNames_item_shortcut__dpszds1m {
+    grid-area: action;
+  }
+  @container style(--isDisabled__dpszdsd: true) {
+    .menu_menuClassNames_item_item__dpszds1h {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--hasDescription__dpszdsa: false) {
+    .menu_menuClassNames_item_label__dpszds1j {
+      grid-row-start: label;
+      grid-row-end: description;
     }
   }
 }
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .tree_treeClassNames_item_lines_container__kbtjn31i {
-    height: 100%;
-    position: relative;
+  .menu_menuClassNames_list_list__dpszds1c {
     display: flex;
-    grid-area: lines;
-    align-items: flex-start;
-    margin-left: var(--bar-x__kbtjn39);
-    pointer-events: none;
-  }
-  .tree_treeClassNames_item_lines_container__kbtjn31i::before {
-    content: "";
-    width: 1px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
-    background-position: left -1px;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-  }
-  .tree_treeClassNames_item_lines_button__kbtjn31j {
-    position: relative;
-    background: none;
-    border: 1px solid transparent;
-    margin-top: var(--bar-y__kbtjn3a);
-  }
-  .tree_treeClassNames_item_lines_button__kbtjn31j::after {
-    content: "";
-    width: 50%;
-    height: 1px;
-    position: absolute;
-    top: 50%;
-    right: 0;
-    background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
-    background-position: -1px top;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-  }
-  .tree_treeClassNames_item_visibility_container__kbtjn31k {
-    grid-area: visibility;
+    flex-direction: column;
+    background: var(--list-background__dpszdsj);
+    padding: var(--list-y__dpszdsz, var(--v03__ljimwq2x)) var(--list-x__dpszdsy, 0);
+    border: 1px solid var(--list-border__dpszdsk, transparent);
+    border-radius: var(--sm__ljimwq3d);
   }
-  .tree_treeClassNames_item_expansion_container__kbtjn31l {
-    grid-area: expansion;
+  .menu_menuClassNames_item_icon_icon__dpszds1i {
+    grid-area: icon;
   }
-  .tree_treeClassNames_item_actions_container__kbtjn31n {
-    grid-area: actions;
+  .menu_menuClassNames_item_more_icon__dpszds1l {
+    grid-area: action;
   }
-  .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
-    grid-area: selection;
+}
+
+/* src/components/picker/picker.css.ts.vanilla.css -> assets/components/picker/picker.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .picker_pickerClassNames_list_container__k0t389k {
+    container-name: picker_pickerContainers_list__k0t3890;
+    display: contents;
   }
-  .tree_treeClassNames_item_drag_container__kbtjn31p {
-    grid-area: drag;
+  .picker_pickerClassNames_list_list__k0t389l {
+    gap: var(--gap__k0t3892);
   }
-  @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
-    .tree_treeClassNames_item_lines_container__kbtjn31i::before {
-      display: none;
-    }
+  .picker_pickerClassNames_item_container__k0t389m {
+    container-name: picker_pickerContainers_item__k0t3891;
+    display: contents;
   }
-  @container style(--isLastChild__kbtjn316: true) {
-    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
-      content: "";
-      width: 1px;
-      position: absolute;
-      top: calc(var(--bar-y__kbtjn3a) * -1);
-      bottom: 50%;
-      left: 50%;
-      background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
-      background-position: left -1px;
-      background-repeat: repeat-y;
-      background-size: 1px 4px;
-    }
+  .picker_pickerClassNames_item_item__k0t389n {
+    border: 1px solid var(--border__k0t389a, transparent);
+    background: var(--background__k0t3899);
+    color: var(--color__k0t389b);
   }
-  @container style(--showTreeLines__kbtjn3i: false) {
-    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
-      display: none;
-    }
-    .tree_treeClassNames_item_lines_button__kbtjn31j::after {
-      display: none;
+  @container style(--layout__k0t3894: grid) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: grid;
+      grid-template-columns: repeat(var(--columns__k0t3893, 1), min-content);
     }
   }
-  @container style(--allowsVisibility__kbtjn3h: false) {
-    .tree_treeClassNames_item_visibility_container__kbtjn31k {
-      display: none;
+  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: horizontal) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: flex;
+      flex-direction: row;
     }
   }
-  @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
-    .tree_treeClassNames_item_expansion_container__kbtjn31l {
-      display: none;
+  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: vertical) {
+    .picker_pickerClassNames_list_list__k0t389l {
+      display: flex;
+      flex-direction: column;
     }
   }
-  @container style(--selectionMode__kbtjn3v: none) {
-    .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
-      display: none;
+  @container (style(--selectionMode__k0t389c: single) or style(--selectionMode__k0t389c: multiple)) {
+    .picker_pickerClassNames_item_item__k0t389n {
+      cursor: pointer;
     }
   }
-  @container style(--allowsDragging__kbtjn3f: false) {
-    .tree_treeClassNames_item_drag_container__kbtjn31p {
-      display: none;
+  @container style(--isDisabled__k0t389e: true) {
+    .picker_pickerClassNames_item_item__k0t389n {
+      cursor: not-allowed;
     }
   }
 }
 
-/* src/components/combo-box/combo-box.css.ts.vanilla.css -> assets/components/combo-box/combo-box.css */
+/* src/components/tabs/tabs.css.ts.vanilla.css -> assets/components/tabs/tabs.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .combo-box_comboBoxClassNames_container__12tc9p8a {
-    container-name: combo-box_comboBoxContainer__12tc9p80;
+  .tabs_tabsClassNames_tabs__plnfe2t {
     display: contents;
   }
-  .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
-    width: fit-content;
+  .tabs_tabsClassNames_list_container__plnfe2u {
+    container-name: tabs_tabsContainers_list__plnfe20;
+    display: contents;
+  }
+  .tabs_tabsClassNames_list_list__plnfe2v {
     display: flex;
-    flex-direction: column;
-    align-items: flex-start;
+    gap: var(--list-gap__plnfe27);
+    padding: var(--list-y__plnfe29, 0) var(--list-x__plnfe28, 0);
   }
-  .combo-box_comboBoxClassNames_label__12tc9p8c {
-    color: var(--color__6yc0ri3);
+  .tabs_tabsClassNames_tab_container__plnfe2w {
+    container-name: tabs_tabsContainers_tab__plnfe21;
+    display: contents;
   }
-  .combo-box_comboBoxClassNames_group__12tc9p8d {
-    position: relative;
+  .tabs_tabsClassNames_tab_tab__plnfe2x {
     display: flex;
-    align-items: center;
-    padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
+    position: relative;
+    padding: var(--tab-y__plnfe2b, 0) var(--tab-x__plnfe2a, 0);
+    background: var(--background__plnfe24);
+    color: var(--color__plnfe26);
+    cursor: pointer;
   }
-  .combo-box_comboBoxClassNames_description__12tc9p8h {
-    color: var(--description-color__12tc9p81);
+  .tabs_tabsClassNames_panels_container__plnfe2y {
+    container-name: tabs_tabsContainers_panels__plnfe22;
+    display: contents;
   }
-  .combo-box_comboBoxClassNames_error__12tc9p8i {
-    color: var(--error-color__12tc9p82);
+  .tabs_tabsClassNames_panel_container__plnfe210 {
+    container-name: tabs_tabsContainers_panel__plnfe23;
+    display: contents;
   }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    border: 1px solid var(--border__6yc0ri2, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--background__6yc0ri1);
-    color: var(--color__6yc0ri3);
+  @container style(--orientation__plnfe2f: horizontal) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      flex-direction: row;
+    }
   }
-  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
-    outline-offset: var(--offset__ljimwq5e);
+  @container style(--orientation__plnfe2f: vertical) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      flex-direction: column;
+    }
   }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f {
-    position: relative;
-    padding: 0;
-    border: none;
-    background: none;
+  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-bottom-left-radius: var(--md__ljimwq3e);
+      border-bottom-right-radius: var(--md__ljimwq3e);
+    }
   }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
-    -webkit-appearance: none;
+  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-left-radius: var(--md__ljimwq3e);
+      border-top-right-radius: var(--md__ljimwq3e);
+    }
   }
-  .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
-    outline: none;
+  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-right-radius: var(--md__ljimwq3e);
+      border-bottom-right-radius: var(--md__ljimwq3e);
+    }
   }
-  .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
-    position: relative;
-    padding: 0;
-    background: none;
+  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      border-top-left-radius: var(--md__ljimwq3e);
+      border-bottom-left-radius: var(--md__ljimwq3e);
+    }
   }
-}
-
-/* src/components/button/button.css.ts.vanilla.css -> assets/components/button/button.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .button_buttonClassNames_container__17k72zwp {
-    container-name: button_buttonContainer__17k72zw0;
-    width: var(--width__17k72zwb, fit-content);
-    display: block;
-    background: none;
-    padding: 0;
-    border: 0;
-    text-decoration: none;
-    color: currentcolor;
+  @container style(--align__plnfe2c: start) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: flex-start;
+      text-align: left;
+    }
   }
-  .button_buttonClassNames_button__17k72zwq {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: var(--gap__17k72zw9);
-    min-width: var(--minWidth__17k72zwa, auto);
-    width: var(--width__17k72zwb, fit-content);
-    padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
-    border: 1px solid var(--border__17k72zw7, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
-    font-weight: 700;
-    color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
-    cursor: pointer;
+  @container style(--align__plnfe2c: center) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: center;
+      text-align: center;
+    }
   }
-  @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
-    .button_buttonClassNames_button__17k72zwq {
-      min-width: auto;
+  @container style(--align__plnfe2c: end) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      justify-content: flex-end;
+      text-align: right;
     }
   }
-  @container style(--variant__17k72zwg: floating) {
-    .button_buttonClassNames_button__17k72zwq {
-      border-radius: var(--round__ljimwq3g);
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-top: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-top: 1px solid var(--border__plnfe25, transparent);
     }
   }
-  @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
-    .button_buttonClassNames_button__17k72zwq {
-      border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
-      background: var(--background__17k72zw6, transparent);
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-bottom: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-bottom: 1px solid var(--border__plnfe25, transparent);
     }
   }
-  @container style(--variant__17k72zwg: solid) {
-    .button_buttonClassNames_button__17k72zwq {
-      background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
-      color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-left: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-left: 1px solid var(--border__plnfe25, transparent);
     }
   }
-  @container style(--isDisabled__17k72zwi: true) {
-    .button_buttonClassNames_button__17k72zwq {
+  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
+    .tabs_tabsClassNames_list_list__plnfe2v {
+      padding-right: 0;
+    }
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-right: 1px solid var(--border__plnfe25, transparent);
+    }
+  }
+  @container style(--variant__plnfe2h: fill) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
+      border-radius: var(--md__ljimwq3e);
+    }
+  }
+  @container style(--isDisabled__plnfe2n: true) {
+    .tabs_tabsClassNames_tab_tab__plnfe2x {
       cursor: not-allowed;
     }
   }
+  @container style(--shouldForceMount__plnfe2o: true) {
+    .tabs_tabsClassNames_panels_panels__plnfe2z {
+      display: grid;
+      grid-template-areas: "panels";
+    }
+    .tabs_tabsClassNames_panel_panel__plnfe211 {
+      grid-area: panels;
+    }
+  }
+  @container style(--shouldForceMount__plnfe2o: true) and style(--isInert__plnfe2s: true) {
+    .tabs_tabsClassNames_panel_panel__plnfe211 {
+      pointer-events: none;
+      visibility: hidden;
+    }
+  }
 }
 
-/* src/components/dialog/dialog.css.ts.vanilla.css -> assets/components/dialog/dialog.css */
+/* src/components/select/select.css.ts.vanilla.css -> assets/components/select/select.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-.dialog_dialogClassNames_modal__8ms59zk {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  z-index: var(--dialog__ljimwq5a);
-  transform: translate(-50%, -50%);
-}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .dialog_header__8ms59zg {
-    margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
+  .select_selectClassNames_container__1j26mgud {
+    container-name: select_selectContainer__1j26mgu0;
+    display: contents;
   }
-  .dialog_content__8ms59zh {
-    color: var(--content-color__8ms59z2);
+  .select_selectClassNames_select__1j26mgue {
+    width: var(--width__1j26mgu3, fit-content);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
   }
-  .dialog_dialogClassNames_portal__8ms59zi {
-    display: contents;
+  .select_selectClassNames_label__1j26mguf {
+    color: var(--color__6yc0ri3);
   }
-  .dialog_dialogClassNames_container__8ms59zj {
-    container-name: dialog_dialogContainer__8ms59z0;
-    display: contents;
+  .select_selectClassNames_description__1j26mguh {
+    color: var(--description-color__1j26mgu1);
   }
-  .dialog_dialogClassNames_container__8ms59zj::before {
-    content: "";
-    width: 100%;
-    height: var(--visual-viewport-height);
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: var(--dialog__ljimwq5a);
-    background: var(--overlay__8ms59z1);
+  .select_selectClassNames_error__1j26mgui {
+    color: var(--error-color__1j26mgu2);
   }
-  .dialog_dialogClassNames_dialog__8ms59zl {
-    width: var(--width__8ms59z3, 300px);
+  .select_selectClassNames_value__1j26mguj {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .select_selectClassNames_toggle_button__1j26mgug {
+    font-family: var(--mono__ljimwq3i);
+    justify-content: space-between;
+  }
+}
+
+/* src/components/search-field/search-field.css.ts.vanilla.css -> assets/components/search-field/search-field.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .search-field_searchFieldClassNames_container__1exq9w6a {
+    container-name: search-field_searchFieldContainer__1exq9w60;
+    width: fit-content;
     display: flex;
     flex-direction: column;
-    gap: var(--gap-default__8ms59z6);
-    padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
-    border-radius: var(--md__ljimwq3e);
   }
-  .dialog_dialogClassNames_footer__8ms59zm {
+  .search-field_searchFieldClassNames_group__1exq9w6b {
+    position: relative;
     display: flex;
-    justify-content: flex-end;
-    margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
+    align-items: center;
+    padding: var(--y__1exq9w62, 0) var(--x__1exq9w61, 0);
   }
 }
-@container style(--isGlobal__8ms59ze: false) {
-  .dialog_dialogClassNames_modal__8ms59zk {
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .search-field_searchFieldClassNames_icon_icon__1exq9w6c {
+    position: relative;
+    z-index: 1;
+  }
+  .search-field_searchFieldClassNames_input_sizer__1exq9w6d::before {
+    content: "";
     position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    border: 1px solid var(--border__6yc0ri2, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__6yc0ri1);
+    color: var(--color__6yc0ri3);
+  }
+  .search-field_searchFieldClassNames_input_sizer__1exq9w6d:has(:focus-visible)::before {
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
+    outline-offset: var(--offset__ljimwq5e);
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e {
+    position: relative;
+    background: none;
+    border: none;
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-cancel-button, .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  .search-field_searchFieldClassNames_input_input__1exq9w6e:focus-visible {
+    outline: none;
+  }
+  .search-field_searchFieldClassNames_clear_button__1exq9w6f {
+    position: relative;
+    flex: 0;
+    border-radius: var(--round__ljimwq3g);
+  }
+  @container style(--isEmpty__1exq9w65: true) {
+    .search-field_searchFieldClassNames_clear_button__1exq9w6f {
+      visibility: hidden;
+      pointer-events: none;
+    }
   }
 }
 
@@ -1635,380 +1794,225 @@
   }
 }
 
-/* src/components/textarea/textarea.css.ts.vanilla.css -> assets/components/textarea/textarea.css */
+/* src/components/tree/tree.css.ts.vanilla.css -> assets/components/tree/tree.css */
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .textarea_textAreaClassNames_container__13oc1ofn {
-    container-name: textarea_textAreaContainer__13oc1of0;
+  .tree_treeClassNames_tree_container__kbtjn31b {
+    container-name: tree_treeContainers_tree__kbtjn30;
     display: contents;
   }
-  .textarea_textAreaClassNames_textarea__13oc1ofo {
-    min-width: var(--minWidth__13oc1of4, auto);
-    width: var(--width__13oc1of5, 100%);
-    max-width: var(--maxWidth__13oc1of6, 100%);
-    min-height: var(--minHeight__13oc1of7, auto);
-    height: var(--height__13oc1of8, auto);
-    max-height: var(--maxHeight__13oc1of9, none);
-    display: block;
-    padding: var(--y__13oc1ofb, 0) var(--x__13oc1ofa, 0);
-    border: 1px solid var(--border__13oc1of2, transparent);
-    border-radius: var(--md__ljimwq3e);
-    background: var(--background__13oc1of1);
-    font-family: var(--mono__ljimwq3i);
-    color: var(--color__13oc1of3);
-    overflow: auto;
-    resize: var(--resize__13oc1ofc);
-  }
-  .textarea_textAreaClassNames_textarea__13oc1ofo[contenteditable]:empty::before {
-    content: attr(data-placeholder);
-  }
-  @container style(--isDisabled__13oc1ofe: true) {
-    .textarea_textAreaClassNames_textarea__13oc1ofo {
-      cursor: not-allowed;
-    }
-  }
-}
-
-/* src/components/menu/menu.css.ts.vanilla.css -> assets/components/menu/menu.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .menu_menuClassNames_menu_container__dpszds17 {
-    container-name: menu_menuContainers_menu__dpszds0;
-    display: block;
-  }
-  .menu_menuClassNames_menu_menu__dpszds18 {
-    min-width: var(--menu-minWidth__dpszdsv, var(--trigger-width));
-    padding: var(--menu-y__dpszdsx, 0) var(--menu-x__dpszdsw, 0);
-  }
-  .menu_menuClassNames_list_container__dpszds19 {
-    container-name: menu_menuContainers_list__dpszds1;
-    display: contents;
-  }
-  .menu_menuClassNames_list_list__dpszds1a {
-    display: flex;
-    flex-direction: column;
-    background: var(--list-background__dpszdsj);
-    border: 1px solid var(--list-border__dpszdsk, transparent);
+  .tree_treeClassNames_empty__kbtjn31c {
+    padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
+    border: 1px dashed var(--indicator-border__kbtjn37, transparent);
     border-radius: var(--sm__ljimwq3d);
+    background: var(--indicator-background__kbtjn36);
+    color: var(--indicator-color__kbtjn38);
+    text-align: center;
   }
-  .menu_menuClassNames_list_section__dpszds1b {
-    padding: var(--section-y__dpszdsz, 0) var(--section-x__dpszdsy, 0);
-  }
-  .menu_menuClassNames_list_header__dpszds1c {
-    padding: var(--header-y__dpszds11, var(--item-y__dpszds15, 0)) var(--header-x__dpszds10, var(--item-x__dpszds14, 0));
-    border: 1px solid transparent;
-    background: var(--header-background__dpszdsm);
-    color: var(--header-color__dpszdso);
+  .tree_treeClassNames_group__kbtjn31d {
+    container-name: tree_treeContainers_group__kbtjn31;
+    grid-area: group;
   }
-  .menu_menuClassNames_list_separator__dpszds1d {
-    height: 1px;
-    margin: var(--separator-y__dpszds13, 0) var(--separator-x__dpszds12, 0);
-    background: var(--separator__dpszdsp);
+  .tree_treeClassNames_indicator_indicator__kbtjn31e {
+    outline: 1px solid var(--indicator-border__kbtjn37, transparent);
   }
-  .menu_menuClassNames_item_container__dpszds1e {
-    container-name: menu_menuContainers_item__dpszds2;
+  .tree_treeClassNames_item_container__kbtjn31f {
+    container-name: tree_treeContainers_item__kbtjn32;
   }
-  .menu_menuClassNames_item_item__dpszds1f {
+  .tree_treeClassNames_item_item__kbtjn31g {
     display: grid;
-    grid-template-areas: "icon label space action" "icon description space action";
-    grid-template-columns: auto auto 1fr auto;
-    grid-template-rows: auto auto;
+    grid-template-areas: "lines bar" "lines group";
+    grid-template-columns: auto 1fr;
     align-items: center;
-    gap: var(--item-gap__dpszds16);
-    padding: var(--item-y__dpszds15, 0) var(--item-x__dpszds14, 0);
-    border: 1px solid var(--item-border__dpszdsr, transparent);
-    background: var(--item-background__dpszdsq);
-    color: var(--item-color__dpszdss);
-    cursor: pointer;
   }
-  .menu_menuClassNames_item_label__dpszds1h {
-    grid-area: label;
-    color: var(--label__dpszdst);
+  .tree_treeClassNames_item_bar__kbtjn31h {
+    display: grid;
+    grid-area: bar;
+    grid-template-areas: "visibility expansion description space actions selection drag";
+    grid-template-columns: auto auto auto 1fr auto auto auto;
+    align-items: center;
+    gap: var(--bar-x__kbtjn39);
+    padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
+    border: 1px solid var(--bar-border__kbtjn34, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--bar-background__kbtjn33);
+    color: var(--bar-color__kbtjn35);
   }
-  .menu_menuClassNames_item_description__dpszds1i {
+  .tree_treeClassNames_item_description__kbtjn31m {
     grid-area: description;
-    color: var(--description__dpszdsu, var(--label__dpszdst));
-  }
-  .menu_menuClassNames_item_shortcut__dpszds1k {
-    grid-area: action;
-  }
-  @container style(--isDisabled__dpszdsd: true) {
-    .menu_menuClassNames_item_item__dpszds1f {
-      cursor: not-allowed;
-    }
-  }
-  @container style(--hasDescription__dpszdsa: false) {
-    .menu_menuClassNames_item_label__dpszds1h {
-      grid-row-start: label;
-      grid-row-end: description;
-    }
-  }
-}
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .menu_menuClassNames_item_icon_icon__dpszds1g {
-    grid-area: icon;
-  }
-  .menu_menuClassNames_item_more_icon__dpszds1j {
-    grid-area: action;
-  }
-}
-
-/* src/components/picker/picker.css.ts.vanilla.css -> assets/components/picker/picker.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .picker_pickerClassNames_list_container__k0t389k {
-    container-name: picker_pickerContainers_list__k0t3890;
-    display: contents;
-  }
-  .picker_pickerClassNames_list_list__k0t389l {
-    gap: var(--gap__k0t3892);
-  }
-  .picker_pickerClassNames_item_container__k0t389m {
-    container-name: picker_pickerContainers_item__k0t3891;
-    display: contents;
-  }
-  .picker_pickerClassNames_item_item__k0t389n {
-    border: 1px solid var(--border__k0t389a, transparent);
-    background: var(--background__k0t3899);
-    color: var(--color__k0t389b);
-  }
-  @container style(--layout__k0t3894: grid) {
-    .picker_pickerClassNames_list_list__k0t389l {
-      display: grid;
-      grid-template-columns: repeat(var(--columns__k0t3893, 1), min-content);
-    }
-  }
-  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: horizontal) {
-    .picker_pickerClassNames_list_list__k0t389l {
-      display: flex;
-      flex-direction: row;
-    }
-  }
-  @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: vertical) {
-    .picker_pickerClassNames_list_list__k0t389l {
-      display: flex;
-      flex-direction: column;
-    }
+    padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
   }
-  @container (style(--selectionMode__k0t389c: single) or style(--selectionMode__k0t389c: multiple)) {
-    .picker_pickerClassNames_item_item__k0t389n {
+  @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
+    .tree_treeClassNames_item_description__kbtjn31m {
       cursor: pointer;
     }
   }
-  @container style(--isDisabled__k0t389e: true) {
-    .picker_pickerClassNames_item_item__k0t389n {
-      cursor: not-allowed;
-    }
-  }
-}
-
-/* src/components/search-field/search-field.css.ts.vanilla.css -> assets/components/search-field/search-field.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .search-field_searchFieldClassNames_container__1exq9w6a {
-    container-name: search-field_searchFieldContainer__1exq9w60;
-    width: fit-content;
-    display: flex;
-    flex-direction: column;
-  }
-  .search-field_searchFieldClassNames_group__1exq9w6b {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: var(--y__1exq9w62, 0) var(--x__1exq9w61, 0);
-  }
 }
 @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
-  .search-field_searchFieldClassNames_icon_icon__1exq9w6c {
+  .tree_treeClassNames_item_lines_container__kbtjn31i {
+    height: 100%;
     position: relative;
-    z-index: 1;
+    display: flex;
+    grid-area: lines;
+    align-items: flex-start;
+    margin-left: var(--bar-x__kbtjn39);
+    pointer-events: none;
   }
-  .search-field_searchFieldClassNames_input_sizer__1exq9w6d::before {
+  .tree_treeClassNames_item_lines_container__kbtjn31i::before {
     content: "";
+    width: 1px;
     position: absolute;
     top: 0;
-    right: 0;
     bottom: 0;
-    left: 0;
-    display: block;
-    border: 1px solid var(--border__6yc0ri2, transparent);
-    border-radius: var(--round__ljimwq3g);
-    background: var(--background__6yc0ri1);
-    color: var(--color__6yc0ri3);
-  }
-  .search-field_searchFieldClassNames_input_sizer__1exq9w6d:has(:focus-visible)::before {
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
-    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
-    outline-offset: var(--offset__ljimwq5e);
+    left: 50%;
+    background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: left -1px;
+    background-repeat: repeat-y;
+    background-size: 1px 4px;
   }
-  .search-field_searchFieldClassNames_input_input__1exq9w6e {
+  .tree_treeClassNames_item_lines_button__kbtjn31j {
     position: relative;
     background: none;
-    border: none;
-  }
-  .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-cancel-button, .search-field_searchFieldClassNames_input_input__1exq9w6e::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  .search-field_searchFieldClassNames_input_input__1exq9w6e:focus-visible {
-    outline: none;
-  }
-  .search-field_searchFieldClassNames_clear_button__1exq9w6f {
-    position: relative;
-    flex: 0;
-    border-radius: var(--round__ljimwq3g);
-  }
-  @container style(--isEmpty__1exq9w65: true) {
-    .search-field_searchFieldClassNames_clear_button__1exq9w6f {
-      visibility: hidden;
-      pointer-events: none;
-    }
-  }
-}
-
-/* src/components/tabs/tabs.css.ts.vanilla.css -> assets/components/tabs/tabs.css */
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
-@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
-  .tabs_tabsClassNames_tabs__plnfe2t {
-    display: contents;
+    border: 1px solid transparent;
+    margin-top: var(--bar-y__kbtjn3a);
   }
-  .tabs_tabsClassNames_list_container__plnfe2u {
-    container-name: tabs_tabsContainers_list__plnfe20;
-    display: contents;
+  .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+    content: "";
+    width: 50%;
+    height: 1px;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: -1px top;
+    background-repeat: repeat-x;
+    background-size: 4px 1px;
   }
-  .tabs_tabsClassNames_list_list__plnfe2v {
-    display: flex;
-    gap: var(--list-gap__plnfe27);
-    padding: var(--list-y__plnfe29, 0) var(--list-x__plnfe28, 0);
+  .tree_treeClassNames_item_visibility_container__kbtjn31k {
+    grid-area: visibility;
   }
-  .tabs_tabsClassNames_tab_container__plnfe2w {
-    container-name: tabs_tabsContainers_tab__plnfe21;
-    display: contents;
+  .tree_treeClassNames_item_expansion_container__kbtjn31l {
+    grid-area: expansion;
   }
-  .tabs_tabsClassNames_tab_tab__plnfe2x {
-    display: flex;
-    position: relative;
-    padding: var(--tab-y__plnfe2b, 0) var(--tab-x__plnfe2a, 0);
-    background: var(--background__plnfe24);
-    color: var(--color__plnfe26);
-    cursor: pointer;
+  .tree_treeClassNames_item_actions_container__kbtjn31n {
+    grid-area: actions;
   }
-  .tabs_tabsClassNames_panels_container__plnfe2y {
-    container-name: tabs_tabsContainers_panels__plnfe22;
-    display: contents;
+  .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+    grid-area: selection;
   }
-  .tabs_tabsClassNames_panel_container__plnfe210 {
-    container-name: tabs_tabsContainers_panel__plnfe23;
-    display: contents;
+  .tree_treeClassNames_item_drag_container__kbtjn31p {
+    grid-area: drag;
   }
-  @container style(--orientation__plnfe2f: horizontal) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      flex-direction: row;
+  @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_container__kbtjn31i::before {
+      display: none;
     }
   }
-  @container style(--orientation__plnfe2f: vertical) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      flex-direction: column;
+  @container style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      content: "";
+      width: 1px;
+      position: absolute;
+      top: calc(var(--bar-y__kbtjn3a) * -1);
+      bottom: 50%;
+      left: 50%;
+      background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+      background-position: left -1px;
+      background-repeat: repeat-y;
+      background-size: 1px 4px;
     }
   }
-  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      border-bottom-left-radius: var(--md__ljimwq3e);
-      border-bottom-right-radius: var(--md__ljimwq3e);
+  @container style(--showTreeLines__kbtjn3i: false) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      display: none;
     }
-  }
-  @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      border-top-left-radius: var(--md__ljimwq3e);
-      border-top-right-radius: var(--md__ljimwq3e);
+    .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+      display: none;
     }
   }
-  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      border-top-right-radius: var(--md__ljimwq3e);
-      border-bottom-right-radius: var(--md__ljimwq3e);
+  @container style(--allowsVisibility__kbtjn3h: false) {
+    .tree_treeClassNames_item_visibility_container__kbtjn31k {
+      display: none;
     }
   }
-  @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      border-top-left-radius: var(--md__ljimwq3e);
-      border-bottom-left-radius: var(--md__ljimwq3e);
+  @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
+    .tree_treeClassNames_item_expansion_container__kbtjn31l {
+      display: none;
     }
   }
-  @container style(--align__plnfe2c: start) {
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      justify-content: flex-start;
-      text-align: left;
+  @container style(--selectionMode__kbtjn3v: none) {
+    .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+      display: none;
     }
   }
-  @container style(--align__plnfe2c: center) {
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      justify-content: center;
-      text-align: center;
+  @container style(--allowsDragging__kbtjn3f: false) {
+    .tree_treeClassNames_item_drag_container__kbtjn31p {
+      display: none;
     }
   }
-  @container style(--align__plnfe2c: end) {
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      justify-content: flex-end;
-      text-align: right;
-    }
+}
+
+/* src/components/switch/switch.css.ts.vanilla.css -> assets/components/switch/switch.css */
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .switch_switchClassNames_container__1j8i4wgh {
+    container-name: switch_switchContainer__1j8i4wg0;
+    width: fit-content;
+    display: block;
   }
-  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      padding-top: 0;
-    }
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      border-top: 1px solid var(--border__plnfe25, transparent);
-    }
+  .switch_switchClassNames_switch__1j8i4wgi {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--gap__1j8i4wg7);
+    color: var(--color__1j8i4wg3);
   }
-  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      padding-bottom: 0;
-    }
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      border-bottom: 1px solid var(--border__plnfe25, transparent);
-    }
+  .switch_switchClassNames_indicator__1j8i4wgk {
+    display: flex;
+    align-items: center;
+    padding: var(--gutter__1j8i4wg6);
+    border: 1px solid var(--border__1j8i4wg1, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__1j8i4wg2);
   }
-  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      padding-left: 0;
-    }
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      border-left: 1px solid var(--border__plnfe25, transparent);
-    }
+  .switch_switchClassNames_indicator__1j8i4wgk::before {
+    content: "";
+    display: block;
+    width: var(--diameter__1j8i4wg5);
+    height: var(--diameter__1j8i4wg5);
+    border-radius: var(--round__ljimwq3g);
+    margin: 0 var(--travel__1j8i4wg8);
+    background: var(--indicator__1j8i4wg4);
   }
-  @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
-    .tabs_tabsClassNames_list_list__plnfe2v {
-      padding-right: 0;
+  @container style(--alignInput__1j8i4wg9: start) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      flex-direction: row-reverse;
     }
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      border-right: 1px solid var(--border__plnfe25, transparent);
+  }
+  @container style(--alignInput__1j8i4wg9: end) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      flex-direction: row;
     }
   }
-  @container style(--variant__plnfe2h: fill) {
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
-      border-radius: var(--md__ljimwq3e);
+  @container style(--isReadOnly__1j8i4wgf: false) {
+    .switch_switchClassNames_switch__1j8i4wgi {
+      cursor: pointer;
     }
   }
-  @container style(--isDisabled__plnfe2n: true) {
-    .tabs_tabsClassNames_tab_tab__plnfe2x {
+  @container style(--isDisabled__1j8i4wga: true) {
+    .switch_switchClassNames_switch__1j8i4wgi {
       cursor: not-allowed;
     }
   }
-  @container style(--shouldForceMount__plnfe2o: true) {
-    .tabs_tabsClassNames_panels_panels__plnfe2z {
-      display: grid;
-      grid-template-areas: "panels";
-    }
-    .tabs_tabsClassNames_panel_panel__plnfe211 {
-      grid-area: panels;
+  @container style(--isSelected__1j8i4wgg: false) {
+    .switch_switchClassNames_indicator__1j8i4wgk::before {
+      transform: translateX(calc(var(--travel__1j8i4wg8) * -1));
     }
   }
-  @container style(--shouldForceMount__plnfe2o: true) and style(--isInert__plnfe2s: true) {
-    .tabs_tabsClassNames_panel_panel__plnfe211 {
-      pointer-events: none;
-      visibility: hidden;
+  @container style(--isSelected__1j8i4wgg: true) {
+    .switch_switchClassNames_indicator__1j8i4wgk::before {
+      transform: translateX(var(--travel__1j8i4wg8));
     }
   }
 }