@accelint/design-system 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +945 -945
  2. package/package.json +5 -8
package/dist/styles.css CHANGED
@@ -231,39 +231,6 @@
231
231
  --color__ljimwq5h: ;
232
232
  }
233
233
 
234
- /* src/styles/reset.css.ts.vanilla.css -> assets/styles/reset.css */
235
- @layer layers_reset__qkbqqj0;
236
- @layer layers_reset__qkbqqj0 {
237
- * {
238
- margin: 0;
239
- }
240
- *, *::before, *::after {
241
- box-sizing: border-box;
242
- }
243
- :focus-visible {
244
- outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
245
- outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
246
- outline-offset: var(--offset__ljimwq5e);
247
- }
248
- body {
249
- -webkit-font-smoothing: antialiased;
250
- font-family: var(--sans__ljimwq3j);
251
- }
252
- img, picture, video, canvas, svg {
253
- display: block;
254
- }
255
- input, button, textarea, select {
256
- font: inherit;
257
- letter-spacing: inherit;
258
- }
259
- h1, h2, h3, h4, h5, h6, p {
260
- overflow-wrap: break-word;
261
- }
262
- code {
263
- font-family: var(--mono__ljimwq3i);
264
- }
265
- }
266
-
267
234
  /* src/styles/space.css.ts.vanilla.css -> assets/styles/space.css */
268
235
  @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
269
236
  @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
@@ -310,6 +277,39 @@
310
277
  }
311
278
  }
312
279
 
280
+ /* src/styles/reset.css.ts.vanilla.css -> assets/styles/reset.css */
281
+ @layer layers_reset__qkbqqj0;
282
+ @layer layers_reset__qkbqqj0 {
283
+ * {
284
+ margin: 0;
285
+ }
286
+ *, *::before, *::after {
287
+ box-sizing: border-box;
288
+ }
289
+ :focus-visible {
290
+ outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
291
+ outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
292
+ outline-offset: var(--offset__ljimwq5e);
293
+ }
294
+ body {
295
+ -webkit-font-smoothing: antialiased;
296
+ font-family: var(--sans__ljimwq3j);
297
+ }
298
+ img, picture, video, canvas, svg {
299
+ display: block;
300
+ }
301
+ input, button, textarea, select {
302
+ font: inherit;
303
+ letter-spacing: inherit;
304
+ }
305
+ h1, h2, h3, h4, h5, h6, p {
306
+ overflow-wrap: break-word;
307
+ }
308
+ code {
309
+ font-family: var(--mono__ljimwq3i);
310
+ }
311
+ }
312
+
313
313
  /* src/styles/typography.css.ts.vanilla.css -> assets/styles/typography.css */
314
314
  @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
315
315
  .typography_families_mono__j8fgab0 {
@@ -519,351 +519,366 @@
519
519
  }
520
520
  }
521
521
 
522
- /* src/components/dialog/dialog.css.ts.vanilla.css -> assets/components/dialog/dialog.css */
522
+ /* src/components/options/options.css.ts.vanilla.css -> assets/components/options/options.css */
523
523
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
524
- .dialog_dialogClassNames_modal__8ms59zk {
525
- position: fixed;
526
- top: 50%;
527
- left: 50%;
528
- z-index: var(--dialog__ljimwq5a);
529
- transform: translate(-50%, -50%);
530
- }
524
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
531
525
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
532
- .dialog_header__8ms59zg {
533
- margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
526
+ .options_optionsClassNames_options_container__140gzb51b {
527
+ container-name: options_optionsContainers_options__140gzb50;
528
+ display: block;
534
529
  }
535
- .dialog_content__8ms59zh {
536
- color: var(--content-color__8ms59z2);
530
+ .options_optionsClassNames_options_options__140gzb51c {
531
+ min-width: var(--options-minWidth__140gzb5x, var(--trigger-width));
532
+ padding: var(--options-y__140gzb5z, 0) var(--options-x__140gzb5y, 0);
533
+ border-radius: var(--sm__ljimwq3d);
537
534
  }
538
- .dialog_dialogClassNames_portal__8ms59zi {
535
+ .options_optionsClassNames_list_container__140gzb51d {
536
+ container-name: options_optionsContainers_list__140gzb51;
539
537
  display: contents;
540
538
  }
541
- .dialog_dialogClassNames_container__8ms59zj {
542
- container-name: dialog_dialogContainer__8ms59z0;
543
- display: contents;
539
+ .options_optionsClassNames_list_section__140gzb51f {
540
+ padding: var(--section-y__140gzb513, 0) var(--section-x__140gzb512, 0);
544
541
  }
545
- .dialog_dialogClassNames_container__8ms59zj::before {
546
- content: "";
547
- width: 100%;
548
- height: var(--visual-viewport-height);
549
- position: fixed;
550
- top: 0;
551
- left: 0;
552
- z-index: var(--dialog__ljimwq5a);
553
- background: var(--overlay__8ms59z1);
542
+ .options_optionsClassNames_list_header__140gzb51g {
543
+ padding: var(--header-y__140gzb515, var(--item-y__140gzb519, 0)) var(--header-x__140gzb514, var(--item-x__140gzb518, 0));
544
+ border: 1px solid transparent;
545
+ background: var(--header-background__140gzb5o);
546
+ color: var(--header-color__140gzb5q);
554
547
  }
555
- .dialog_dialogClassNames_dialog__8ms59zl {
556
- width: var(--width__8ms59z3, 300px);
557
- display: flex;
558
- flex-direction: column;
559
- gap: var(--gap-default__8ms59z6);
560
- padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
561
- border-radius: var(--md__ljimwq3e);
548
+ .options_optionsClassNames_list_separator__140gzb51h {
549
+ height: 1px;
550
+ margin: var(--separator-y__140gzb517, 0) var(--separator-x__140gzb516, 0);
551
+ background: var(--separator__140gzb5r);
562
552
  }
563
- .dialog_dialogClassNames_footer__8ms59zm {
564
- display: flex;
565
- justify-content: flex-end;
566
- margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
553
+ .options_optionsClassNames_item_container__140gzb51i {
554
+ container-name: options_optionsContainers_item__140gzb52;
555
+ }
556
+ .options_optionsClassNames_item_item__140gzb51j {
557
+ display: grid;
558
+ grid-template-areas: "icon label space action" "icon description space action";
559
+ grid-template-columns: auto auto 1fr auto;
560
+ grid-template-rows: auto auto;
561
+ align-items: center;
562
+ gap: var(--item-gap__140gzb51a);
563
+ padding: var(--item-y__140gzb519, 0) var(--item-x__140gzb518, 0);
564
+ border: 1px solid var(--item-border__140gzb5t, transparent);
565
+ background: var(--item-background__140gzb5s);
566
+ color: var(--item-color__140gzb5u);
567
+ cursor: pointer;
568
+ }
569
+ .options_optionsClassNames_item_label__140gzb51l {
570
+ grid-area: label;
571
+ color: var(--label__140gzb5v);
572
+ }
573
+ .options_optionsClassNames_item_description__140gzb51m {
574
+ grid-area: description;
575
+ color: var(--description__140gzb5w, var(--label__140gzb5v));
576
+ }
577
+ .options_optionsClassNames_item_shortcut__140gzb51n {
578
+ grid-area: action;
579
+ }
580
+ @container style(--isDisabled__140gzb5f: true) {
581
+ .options_optionsClassNames_item_item__140gzb51j {
582
+ cursor: not-allowed;
583
+ }
584
+ }
585
+ @container style(--hasDescription__140gzb5e: false) {
586
+ .options_optionsClassNames_item_label__140gzb51l {
587
+ grid-row-start: label;
588
+ grid-row-end: description;
589
+ }
567
590
  }
568
591
  }
569
- @container style(--isGlobal__8ms59ze: false) {
570
- .dialog_dialogClassNames_modal__8ms59zk {
571
- position: absolute;
592
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
593
+ .options_optionsClassNames_list_list__140gzb51e {
594
+ display: flex;
595
+ flex-direction: column;
596
+ background: var(--list-background__140gzb5l);
597
+ padding: var(--list-y__140gzb511, var(--v03__ljimwq2x)) var(--list-x__140gzb510, 0);
598
+ border: 1px solid var(--list-border__140gzb5m, transparent);
599
+ border-radius: var(--sm__ljimwq3d);
600
+ }
601
+ .options_optionsClassNames_item_icon_icon__140gzb51k {
602
+ grid-area: icon;
572
603
  }
573
604
  }
574
605
 
575
- /* src/components/chip/chip.css.ts.vanilla.css -> assets/components/chip/chip.css */
606
+ /* src/components/button/button.css.ts.vanilla.css -> assets/components/button/button.css */
576
607
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
577
608
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
578
- .chip_chipClassNames_list__1t8hj09j {
579
- display: flex;
580
- flex-direction: row;
581
- flex-wrap: wrap;
582
- gap: var(--list-gap__1t8hj094);
583
- }
584
- .chip_chipClassNames_container__1t8hj09k {
585
- container-name: chip_chipContainer__1t8hj090;
586
- display: contents;
609
+ .button_buttonClassNames_container__17k72zwp {
610
+ container-name: button_buttonContainer__17k72zw0;
611
+ width: var(--width__17k72zwb, fit-content);
612
+ display: block;
613
+ background: none;
614
+ padding: 0;
615
+ border: 0;
616
+ text-decoration: none;
617
+ color: currentcolor;
587
618
  }
588
- .chip_chipClassNames_chip__1t8hj09l {
589
- width: fit-content;
619
+ .button_buttonClassNames_button__17k72zwq {
590
620
  display: flex;
591
621
  justify-content: center;
592
622
  align-items: center;
593
- border: 1px solid var(--border__1t8hj092, transparent);
594
- border-radius: var(--round__ljimwq3g);
595
- background: var(--background__1t8hj091, none);
596
- color: var(--color__1t8hj093, currentcolor);
597
- overflow: hidden;
598
- }
599
- .chip_chipClassNames_label__1t8hj09m {
600
- display: flex;
601
- gap: var(--chip-gap__1t8hj095);
602
- padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
603
- border: none;
604
- background: none;
605
- color: currentcolor;
606
- }
607
- .chip_chipClassNames_remove__1t8hj09n {
608
- padding: var(--chip-y__1t8hj097);
609
- border: none;
610
- background: none;
623
+ gap: var(--gap__17k72zw9);
624
+ min-width: var(--minWidth__17k72zwa, auto);
625
+ width: var(--width__17k72zwb, fit-content);
626
+ padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
627
+ border: 1px solid var(--border__17k72zw7, transparent);
628
+ border-radius: var(--md__ljimwq3e);
629
+ background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
630
+ font-weight: 700;
631
+ color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
611
632
  cursor: pointer;
612
- color: currentcolor;
613
633
  }
614
- @container style(--allowsRemoving__1t8hj09a: true) {
615
- .chip_chipClassNames_label__1t8hj09m {
616
- padding-right: var(--chip-y__1t8hj097);
634
+ @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
635
+ .button_buttonClassNames_button__17k72zwq {
636
+ min-width: auto;
617
637
  }
618
638
  }
619
- @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
620
- .chip_chipClassNames_label__1t8hj09m {
621
- cursor: pointer;
639
+ @container style(--variant__17k72zwg: floating) {
640
+ .button_buttonClassNames_button__17k72zwq {
641
+ border-radius: var(--round__ljimwq3g);
622
642
  }
623
643
  }
624
- @container style(--isDisabled__1t8hj09d: true) {
625
- .chip_chipClassNames_label__1t8hj09m {
626
- cursor: not-allowed;
627
- }
628
- .chip_chipClassNames_remove__1t8hj09n {
629
- cursor: not-allowed;
644
+ @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
645
+ .button_buttonClassNames_button__17k72zwq {
646
+ border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
647
+ background: var(--background__17k72zw6, transparent);
630
648
  }
631
649
  }
632
- @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
633
- .chip_chipClassNames_remove__1t8hj09n {
634
- outline: none;
650
+ @container style(--variant__17k72zwg: solid) {
651
+ .button_buttonClassNames_button__17k72zwq {
652
+ background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
653
+ color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
635
654
  }
636
655
  }
637
- }
656
+ @container style(--isDisabled__17k72zwi: true) {
657
+ .button_buttonClassNames_button__17k72zwq {
658
+ cursor: not-allowed;
659
+ }
660
+ }
661
+ }
638
662
 
639
- /* src/components/input/input.css.ts.vanilla.css -> assets/components/input/input.css */
663
+ /* src/components/textarea/textarea.css.ts.vanilla.css -> assets/components/textarea/textarea.css */
640
664
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
641
665
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
642
- .input_inputClassNames_container__6yc0ril {
643
- container-name: input_inputContainer__6yc0ri0;
666
+ .textarea_textAreaClassNames_container__13oc1ofn {
667
+ container-name: textarea_textAreaContainer__13oc1of0;
644
668
  display: contents;
645
669
  }
646
- .input_inputClassNames_sizer__6yc0rim {
647
- min-width: var(--minWidth__6yc0ri4, auto);
648
- width: var(--width__6yc0ri5, 100%);
649
- max-width: var(--maxWidth__6yc0ri6, 100%);
650
- }
651
- .input_inputClassNames_input__6yc0rin {
652
- width: 100%;
653
- padding: var(--y__6yc0ri8, 0) var(--x__6yc0ri7, 0);
654
- border: 1px solid var(--border__6yc0ri2, transparent);
670
+ .textarea_textAreaClassNames_textarea__13oc1ofo {
671
+ min-width: var(--minWidth__13oc1of4, auto);
672
+ width: var(--width__13oc1of5, 100%);
673
+ max-width: var(--maxWidth__13oc1of6, 100%);
674
+ min-height: var(--minHeight__13oc1of7, auto);
675
+ height: var(--height__13oc1of8, auto);
676
+ max-height: var(--maxHeight__13oc1of9, none);
677
+ display: block;
678
+ padding: var(--y__13oc1ofb, 0) var(--x__13oc1ofa, 0);
679
+ border: 1px solid var(--border__13oc1of2, transparent);
655
680
  border-radius: var(--md__ljimwq3e);
656
- background: var(--background__6yc0ri1);
681
+ background: var(--background__13oc1of1);
657
682
  font-family: var(--mono__ljimwq3i);
658
- color: var(--color__6yc0ri3);
683
+ color: var(--color__13oc1of3);
684
+ overflow: auto;
685
+ resize: var(--resize__13oc1ofc);
659
686
  }
660
- .input_inputClassNames_input__6yc0rin::-webkit-inner-spin-button {
661
- display: none;
687
+ .textarea_textAreaClassNames_textarea__13oc1ofo[contenteditable]:empty::before {
688
+ content: attr(data-placeholder);
662
689
  }
663
- @container style(--isDisabled__6yc0ric: true) {
664
- .input_inputClassNames_input__6yc0rin {
690
+ @container style(--isDisabled__13oc1ofe: true) {
691
+ .textarea_textAreaClassNames_textarea__13oc1ofo {
665
692
  cursor: not-allowed;
666
693
  }
667
694
  }
668
695
  }
669
696
 
670
- /* src/components/checkbox/checkbox.css.ts.vanilla.css -> assets/components/checkbox/checkbox.css */
697
+ /* src/components/radio/radio.css.ts.vanilla.css -> assets/components/radio/radio.css */
671
698
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
672
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
673
699
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
674
- .checkbox_checkboxClassNames_checkbox_container__1rajo3pp {
675
- container-name: checkbox_checkboxContainer__1rajo3p0;
676
- display: block;
700
+ .radio_radioClassNames_radio_container__hweo8bo {
701
+ container-name: radio_radioContainer__hweo8b0;
677
702
  width: fit-content;
703
+ display: block;
678
704
  }
679
- .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
705
+ .radio_radioClassNames_radio_radio__hweo8bp {
680
706
  display: flex;
681
707
  align-items: center;
682
- gap: var(--gap__1rajo3p7);
683
- color: var(--color__1rajo3p4);
708
+ color: var(--color__hweo8b4);
709
+ gap: var(--gap__hweo8b6);
684
710
  }
685
- .checkbox_checkboxClassNames_checkbox_label__1rajo3ps {
686
- color: var(--color__1rajo3p4);
711
+ .radio_radioClassNames_radio_radio__hweo8bp::before {
712
+ content: "";
713
+ display: block;
714
+ border: 1px solid var(--border__hweo8b2);
715
+ width: var(--diameter__hweo8b5);
716
+ height: var(--diameter__hweo8b5);
717
+ border-radius: var(--round__ljimwq3g);
718
+ background-image: radial-gradient(
719
+ circle,
720
+ var(--background__hweo8b3) 0,
721
+ var(--background__hweo8b3) 40%,
722
+ transparent 50%,
723
+ transparent 100%
724
+ );
687
725
  }
688
- .checkbox_checkboxClassNames_group_container__1rajo3pt {
689
- container-name: checkbox_checkboxGroupContainer__1rajo3p1;
726
+ .radio_radioClassNames_group_container__hweo8bq {
727
+ container-name: radio_radioGroupContainer__hweo8b1;
690
728
  display: contents;
691
729
  }
692
- .checkbox_checkboxClassNames_group_group__1rajo3pu {
730
+ .radio_radioClassNames_group_group__hweo8br {
693
731
  display: flex;
694
- flex-direction: column;
695
- gap: var(--elementGap__1rajo3p8, var(--gap__1rajo3p7));
696
- }
697
- .checkbox_checkboxClassNames_group_label__1rajo3pv {
698
- color: var(--color__1rajo3p4);
732
+ gap: var(--elementGap__hweo8b7, var(--gap__hweo8b6));
699
733
  }
700
- @container style(--alignInput__1rajo3p9: start) {
701
- .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
734
+ @container style(--alignInput__hweo8b8: start) {
735
+ .radio_radioClassNames_radio_radio__hweo8bp {
702
736
  flex-direction: row-reverse;
703
737
  }
704
738
  }
705
- @container style(--alignInput__1rajo3p9: end) {
706
- .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
739
+ @container style(--alignInput__hweo8b8: end) {
740
+ .radio_radioClassNames_radio_radio__hweo8bp {
707
741
  flex-direction: row;
708
742
  }
709
743
  }
710
- @container style(--isReadOnly__1rajo3ph: false) {
711
- .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
744
+ @container style(--isReadOnly__hweo8be: false) {
745
+ .radio_radioClassNames_radio_radio__hweo8bp {
712
746
  cursor: pointer;
713
747
  }
714
748
  }
715
- @container style(--isDisabled__1rajo3pa: true) {
716
- .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
749
+ @container style(--isDisabled__hweo8b9: true) {
750
+ .radio_radioClassNames_radio_radio__hweo8bp {
717
751
  cursor: not-allowed;
718
752
  }
719
753
  }
720
- @container style(--orientation__1rajo3pk: horizontal) {
721
- .checkbox_checkboxClassNames_group_group__1rajo3pu {
754
+ @container style(--orientation__hweo8bj: horizontal) {
755
+ .radio_radioClassNames_group_group__hweo8br {
722
756
  flex-direction: row;
723
757
  }
724
758
  }
725
- @container style(--orientation__1rajo3pk: vertical) {
726
- .checkbox_checkboxClassNames_group_group__1rajo3pu {
759
+ @container style(--orientation__hweo8bj: vertical) {
760
+ .radio_radioClassNames_group_group__hweo8br {
727
761
  flex-direction: column;
728
762
  }
729
763
  }
730
764
  }
731
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
732
- .checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr {
733
- display: flex;
734
- align-items: center;
735
- justify-content: center;
736
- width: var(--dimension__1rajo3p6);
737
- height: var(--dimension__1rajo3p6);
738
- color: var(--indicator__1rajo3p5, currentcolor);
739
- border: 1px solid var(--border__1rajo3p2, transparent);
740
- border-radius: var(--sm__ljimwq3d);
741
- background: var(--background__1rajo3p3, none);
742
- }
743
- }
744
765
 
745
- /* src/components/button/button.css.ts.vanilla.css -> assets/components/button/button.css */
766
+ /* src/components/input/input.css.ts.vanilla.css -> assets/components/input/input.css */
746
767
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
747
768
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
748
- .button_buttonClassNames_container__17k72zwp {
749
- container-name: button_buttonContainer__17k72zw0;
750
- width: var(--width__17k72zwb, fit-content);
751
- display: block;
752
- background: none;
753
- padding: 0;
754
- border: 0;
755
- text-decoration: none;
756
- color: currentcolor;
757
- }
758
- .button_buttonClassNames_button__17k72zwq {
759
- display: flex;
760
- justify-content: center;
761
- align-items: center;
762
- gap: var(--gap__17k72zw9);
763
- min-width: var(--minWidth__17k72zwa, auto);
764
- width: var(--width__17k72zwb, fit-content);
765
- padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
766
- border: 1px solid var(--border__17k72zw7, transparent);
767
- border-radius: var(--md__ljimwq3e);
768
- background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
769
- font-weight: 700;
770
- color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
771
- cursor: pointer;
772
- }
773
- @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
774
- .button_buttonClassNames_button__17k72zwq {
775
- min-width: auto;
776
- }
769
+ .input_inputClassNames_container__6yc0ril {
770
+ container-name: input_inputContainer__6yc0ri0;
771
+ display: contents;
777
772
  }
778
- @container style(--variant__17k72zwg: floating) {
779
- .button_buttonClassNames_button__17k72zwq {
780
- border-radius: var(--round__ljimwq3g);
781
- }
773
+ .input_inputClassNames_sizer__6yc0rim {
774
+ min-width: var(--minWidth__6yc0ri4, auto);
775
+ width: var(--width__6yc0ri5, 100%);
776
+ max-width: var(--maxWidth__6yc0ri6, 100%);
782
777
  }
783
- @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
784
- .button_buttonClassNames_button__17k72zwq {
785
- border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
786
- background: var(--background__17k72zw6, transparent);
787
- }
778
+ .input_inputClassNames_input__6yc0rin {
779
+ width: 100%;
780
+ padding: var(--y__6yc0ri8, 0) var(--x__6yc0ri7, 0);
781
+ border: 1px solid var(--border__6yc0ri2, transparent);
782
+ border-radius: var(--md__ljimwq3e);
783
+ background: var(--background__6yc0ri1);
784
+ font-family: var(--mono__ljimwq3i);
785
+ color: var(--color__6yc0ri3);
788
786
  }
789
- @container style(--variant__17k72zwg: solid) {
790
- .button_buttonClassNames_button__17k72zwq {
791
- background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
792
- color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
793
- }
787
+ .input_inputClassNames_input__6yc0rin::-webkit-inner-spin-button {
788
+ display: none;
794
789
  }
795
- @container style(--isDisabled__17k72zwi: true) {
796
- .button_buttonClassNames_button__17k72zwq {
790
+ @container style(--isDisabled__6yc0ric: true) {
791
+ .input_inputClassNames_input__6yc0rin {
797
792
  cursor: not-allowed;
798
793
  }
799
794
  }
800
795
  }
801
796
 
802
- /* src/components/combo-box/combo-box.css.ts.vanilla.css -> assets/components/combo-box/combo-box.css */
797
+ /* src/components/select/select.css.ts.vanilla.css -> assets/components/select/select.css */
803
798
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
804
799
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
805
800
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
806
- .combo-box_comboBoxClassNames_container__12tc9p8a {
807
- container-name: combo-box_comboBoxContainer__12tc9p80;
801
+ .select_selectClassNames_container__1j26mgud {
802
+ container-name: select_selectContainer__1j26mgu0;
808
803
  display: contents;
809
804
  }
810
- .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
811
- width: fit-content;
805
+ .select_selectClassNames_select__1j26mgue {
806
+ width: var(--width__1j26mgu3, fit-content);
812
807
  display: flex;
813
808
  flex-direction: column;
814
809
  align-items: flex-start;
815
810
  }
816
- .combo-box_comboBoxClassNames_label__12tc9p8c {
811
+ .select_selectClassNames_label__1j26mguf {
817
812
  color: var(--color__6yc0ri3);
818
813
  }
819
- .combo-box_comboBoxClassNames_group__12tc9p8d {
820
- position: relative;
821
- display: flex;
822
- align-items: center;
823
- padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
814
+ .select_selectClassNames_description__1j26mguh {
815
+ color: var(--description-color__1j26mgu1);
824
816
  }
825
- .combo-box_comboBoxClassNames_description__12tc9p8h {
826
- color: var(--description-color__12tc9p81);
817
+ .select_selectClassNames_error__1j26mgui {
818
+ color: var(--error-color__1j26mgu2);
827
819
  }
828
- .combo-box_comboBoxClassNames_error__12tc9p8i {
829
- color: var(--error-color__12tc9p82);
820
+ .select_selectClassNames_value__1j26mguj {
821
+ overflow: hidden;
822
+ text-overflow: ellipsis;
830
823
  }
831
824
  }
832
825
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
833
- .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
834
- content: "";
835
- position: absolute;
836
- top: 0;
837
- right: 0;
838
- bottom: 0;
839
- left: 0;
840
- display: block;
841
- border: 1px solid var(--border__6yc0ri2, transparent);
842
- border-radius: var(--md__ljimwq3e);
843
- background: var(--background__6yc0ri1);
844
- color: var(--color__6yc0ri3);
845
- }
846
- .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
847
- outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
848
- outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
849
- outline-offset: var(--offset__ljimwq5e);
850
- }
851
- .combo-box_comboBoxClassNames_input_input__12tc9p8f {
852
- position: relative;
853
- padding: 0;
854
- border: none;
855
- background: none;
856
- }
857
- .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
858
- -webkit-appearance: none;
859
- }
860
- .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
861
- outline: none;
862
- }
863
- .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
864
- position: relative;
865
- padding: 0;
866
- background: none;
826
+ .select_selectClassNames_toggle_button__1j26mgug {
827
+ font-family: var(--mono__ljimwq3i);
828
+ justify-content: space-between;
829
+ }
830
+ }
831
+
832
+ /* src/components/dialog/dialog.css.ts.vanilla.css -> assets/components/dialog/dialog.css */
833
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
834
+ .dialog_dialogClassNames_modal__8ms59zk {
835
+ position: fixed;
836
+ top: 50%;
837
+ left: 50%;
838
+ z-index: var(--dialog__ljimwq5a);
839
+ transform: translate(-50%, -50%);
840
+ }
841
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
842
+ .dialog_header__8ms59zg {
843
+ margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
844
+ }
845
+ .dialog_content__8ms59zh {
846
+ color: var(--content-color__8ms59z2);
847
+ }
848
+ .dialog_dialogClassNames_portal__8ms59zi {
849
+ display: contents;
850
+ }
851
+ .dialog_dialogClassNames_container__8ms59zj {
852
+ container-name: dialog_dialogContainer__8ms59z0;
853
+ display: contents;
854
+ }
855
+ .dialog_dialogClassNames_container__8ms59zj::before {
856
+ content: "";
857
+ width: 100%;
858
+ height: var(--visual-viewport-height);
859
+ position: fixed;
860
+ top: 0;
861
+ left: 0;
862
+ z-index: var(--dialog__ljimwq5a);
863
+ background: var(--overlay__8ms59z1);
864
+ }
865
+ .dialog_dialogClassNames_dialog__8ms59zl {
866
+ width: var(--width__8ms59z3, 300px);
867
+ display: flex;
868
+ flex-direction: column;
869
+ gap: var(--gap-default__8ms59z6);
870
+ padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
871
+ border-radius: var(--md__ljimwq3e);
872
+ }
873
+ .dialog_dialogClassNames_footer__8ms59zm {
874
+ display: flex;
875
+ justify-content: flex-end;
876
+ margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
877
+ }
878
+ }
879
+ @container style(--isGlobal__8ms59ze: false) {
880
+ .dialog_dialogClassNames_modal__8ms59zk {
881
+ position: absolute;
867
882
  }
868
883
  }
869
884
 
@@ -902,273 +917,146 @@
902
917
  }
903
918
  }
904
919
 
905
- /* src/components/options/options.css.ts.vanilla.css -> assets/components/options/options.css */
920
+ /* src/components/chip/chip.css.ts.vanilla.css -> assets/components/chip/chip.css */
906
921
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
907
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
908
922
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
909
- .options_optionsClassNames_options_container__140gzb51b {
910
- container-name: options_optionsContainers_options__140gzb50;
911
- display: block;
912
- }
913
- .options_optionsClassNames_options_options__140gzb51c {
914
- min-width: var(--options-minWidth__140gzb5x, var(--trigger-width));
915
- padding: var(--options-y__140gzb5z, 0) var(--options-x__140gzb5y, 0);
916
- border-radius: var(--sm__ljimwq3d);
923
+ .chip_chipClassNames_list__1t8hj09j {
924
+ display: flex;
925
+ flex-direction: row;
926
+ flex-wrap: wrap;
927
+ gap: var(--list-gap__1t8hj094);
917
928
  }
918
- .options_optionsClassNames_list_container__140gzb51d {
919
- container-name: options_optionsContainers_list__140gzb51;
929
+ .chip_chipClassNames_container__1t8hj09k {
930
+ container-name: chip_chipContainer__1t8hj090;
920
931
  display: contents;
921
932
  }
922
- .options_optionsClassNames_list_section__140gzb51f {
923
- padding: var(--section-y__140gzb513, 0) var(--section-x__140gzb512, 0);
924
- }
925
- .options_optionsClassNames_list_header__140gzb51g {
926
- padding: var(--header-y__140gzb515, var(--item-y__140gzb519, 0)) var(--header-x__140gzb514, var(--item-x__140gzb518, 0));
927
- border: 1px solid transparent;
928
- background: var(--header-background__140gzb5o);
929
- color: var(--header-color__140gzb5q);
930
- }
931
- .options_optionsClassNames_list_separator__140gzb51h {
932
- height: 1px;
933
- margin: var(--separator-y__140gzb517, 0) var(--separator-x__140gzb516, 0);
934
- background: var(--separator__140gzb5r);
933
+ .chip_chipClassNames_chip__1t8hj09l {
934
+ width: fit-content;
935
+ display: flex;
936
+ justify-content: center;
937
+ align-items: center;
938
+ border: 1px solid var(--border__1t8hj092, transparent);
939
+ border-radius: var(--round__ljimwq3g);
940
+ background: var(--background__1t8hj091, none);
941
+ color: var(--color__1t8hj093, currentcolor);
942
+ overflow: hidden;
935
943
  }
936
- .options_optionsClassNames_item_container__140gzb51i {
937
- container-name: options_optionsContainers_item__140gzb52;
944
+ .chip_chipClassNames_label__1t8hj09m {
945
+ display: flex;
946
+ gap: var(--chip-gap__1t8hj095);
947
+ padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
948
+ border: none;
949
+ background: none;
950
+ color: currentcolor;
938
951
  }
939
- .options_optionsClassNames_item_item__140gzb51j {
940
- display: grid;
941
- grid-template-areas: "icon label space action" "icon description space action";
942
- grid-template-columns: auto auto 1fr auto;
943
- grid-template-rows: auto auto;
944
- align-items: center;
945
- gap: var(--item-gap__140gzb51a);
946
- padding: var(--item-y__140gzb519, 0) var(--item-x__140gzb518, 0);
947
- border: 1px solid var(--item-border__140gzb5t, transparent);
948
- background: var(--item-background__140gzb5s);
949
- color: var(--item-color__140gzb5u);
952
+ .chip_chipClassNames_remove__1t8hj09n {
953
+ padding: var(--chip-y__1t8hj097);
954
+ border: none;
955
+ background: none;
950
956
  cursor: pointer;
957
+ color: currentcolor;
951
958
  }
952
- .options_optionsClassNames_item_label__140gzb51l {
953
- grid-area: label;
954
- color: var(--label__140gzb5v);
955
- }
956
- .options_optionsClassNames_item_description__140gzb51m {
957
- grid-area: description;
958
- color: var(--description__140gzb5w, var(--label__140gzb5v));
959
+ @container style(--allowsRemoving__1t8hj09a: true) {
960
+ .chip_chipClassNames_label__1t8hj09m {
961
+ padding-right: var(--chip-y__1t8hj097);
962
+ }
959
963
  }
960
- .options_optionsClassNames_item_shortcut__140gzb51n {
961
- grid-area: action;
964
+ @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
965
+ .chip_chipClassNames_label__1t8hj09m {
966
+ cursor: pointer;
967
+ }
962
968
  }
963
- @container style(--isDisabled__140gzb5f: true) {
964
- .options_optionsClassNames_item_item__140gzb51j {
969
+ @container style(--isDisabled__1t8hj09d: true) {
970
+ .chip_chipClassNames_label__1t8hj09m {
965
971
  cursor: not-allowed;
966
972
  }
967
- }
968
- @container style(--hasDescription__140gzb5e: false) {
969
- .options_optionsClassNames_item_label__140gzb51l {
970
- grid-row-start: label;
971
- grid-row-end: description;
973
+ .chip_chipClassNames_remove__1t8hj09n {
974
+ cursor: not-allowed;
972
975
  }
973
976
  }
974
- }
975
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
976
- .options_optionsClassNames_list_list__140gzb51e {
977
- display: flex;
978
- flex-direction: column;
979
- background: var(--list-background__140gzb5l);
980
- padding: var(--list-y__140gzb511, var(--v03__ljimwq2x)) var(--list-x__140gzb510, 0);
981
- border: 1px solid var(--list-border__140gzb5m, transparent);
982
- border-radius: var(--sm__ljimwq3d);
983
- }
984
- .options_optionsClassNames_item_icon_icon__140gzb51k {
985
- grid-area: icon;
977
+ @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
978
+ .chip_chipClassNames_remove__1t8hj09n {
979
+ outline: none;
980
+ }
986
981
  }
987
982
  }
988
983
 
989
- /* src/components/textarea/textarea.css.ts.vanilla.css -> assets/components/textarea/textarea.css */
984
+ /* src/components/switch/switch.css.ts.vanilla.css -> assets/components/switch/switch.css */
990
985
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
991
986
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
992
- .textarea_textAreaClassNames_container__13oc1ofn {
993
- container-name: textarea_textAreaContainer__13oc1of0;
994
- display: contents;
987
+ .switch_switchClassNames_container__1j8i4wgh {
988
+ container-name: switch_switchContainer__1j8i4wg0;
989
+ width: fit-content;
990
+ display: block;
995
991
  }
996
- .textarea_textAreaClassNames_textarea__13oc1ofo {
997
- min-width: var(--minWidth__13oc1of4, auto);
998
- width: var(--width__13oc1of5, 100%);
999
- max-width: var(--maxWidth__13oc1of6, 100%);
1000
- min-height: var(--minHeight__13oc1of7, auto);
1001
- height: var(--height__13oc1of8, auto);
1002
- max-height: var(--maxHeight__13oc1of9, none);
992
+ .switch_switchClassNames_switch__1j8i4wgi {
993
+ display: flex;
994
+ align-items: center;
995
+ justify-content: space-between;
996
+ gap: var(--gap__1j8i4wg7);
997
+ color: var(--color__1j8i4wg3);
998
+ }
999
+ .switch_switchClassNames_indicator__1j8i4wgk {
1000
+ display: flex;
1001
+ align-items: center;
1002
+ padding: var(--gutter__1j8i4wg6);
1003
+ border: 1px solid var(--border__1j8i4wg1, transparent);
1004
+ border-radius: var(--round__ljimwq3g);
1005
+ background: var(--background__1j8i4wg2);
1006
+ }
1007
+ .switch_switchClassNames_indicator__1j8i4wgk::before {
1008
+ content: "";
1003
1009
  display: block;
1004
- padding: var(--y__13oc1ofb, 0) var(--x__13oc1ofa, 0);
1005
- border: 1px solid var(--border__13oc1of2, transparent);
1006
- border-radius: var(--md__ljimwq3e);
1007
- background: var(--background__13oc1of1);
1008
- font-family: var(--mono__ljimwq3i);
1009
- color: var(--color__13oc1of3);
1010
- overflow: auto;
1011
- resize: var(--resize__13oc1ofc);
1010
+ width: var(--diameter__1j8i4wg5);
1011
+ height: var(--diameter__1j8i4wg5);
1012
+ border-radius: var(--round__ljimwq3g);
1013
+ margin: 0 var(--travel__1j8i4wg8);
1014
+ background: var(--indicator__1j8i4wg4);
1012
1015
  }
1013
- .textarea_textAreaClassNames_textarea__13oc1ofo[contenteditable]:empty::before {
1014
- content: attr(data-placeholder);
1016
+ @container style(--alignInput__1j8i4wg9: start) {
1017
+ .switch_switchClassNames_switch__1j8i4wgi {
1018
+ flex-direction: row-reverse;
1019
+ }
1015
1020
  }
1016
- @container style(--isDisabled__13oc1ofe: true) {
1017
- .textarea_textAreaClassNames_textarea__13oc1ofo {
1021
+ @container style(--alignInput__1j8i4wg9: end) {
1022
+ .switch_switchClassNames_switch__1j8i4wgi {
1023
+ flex-direction: row;
1024
+ }
1025
+ }
1026
+ @container style(--isReadOnly__1j8i4wgf: false) {
1027
+ .switch_switchClassNames_switch__1j8i4wgi {
1028
+ cursor: pointer;
1029
+ }
1030
+ }
1031
+ @container style(--isDisabled__1j8i4wga: true) {
1032
+ .switch_switchClassNames_switch__1j8i4wgi {
1018
1033
  cursor: not-allowed;
1019
1034
  }
1020
1035
  }
1036
+ @container style(--isSelected__1j8i4wgg: false) {
1037
+ .switch_switchClassNames_indicator__1j8i4wgk::before {
1038
+ transform: translateX(calc(var(--travel__1j8i4wg8) * -1));
1039
+ }
1040
+ }
1041
+ @container style(--isSelected__1j8i4wgg: true) {
1042
+ .switch_switchClassNames_indicator__1j8i4wgk::before {
1043
+ transform: translateX(var(--travel__1j8i4wg8));
1044
+ }
1045
+ }
1021
1046
  }
1022
1047
 
1023
- /* src/components/drawer/drawer.css.ts.vanilla.css -> assets/components/drawer/drawer.css */
1048
+ /* src/components/query-builder/query-builder.css.ts.vanilla.css -> assets/components/query-builder/query-builder.css */
1024
1049
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1025
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1026
1050
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1027
- .drawer_drawerClassNames_container__3hvldbh {
1028
- container-name: drawer_drawerContainer__3hvldb0;
1051
+ .query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d {
1052
+ container-name: query-builder_queryBuilderContainers_queryBuilder__xkizz0;
1029
1053
  display: contents;
1030
1054
  }
1031
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1032
- height: 100%;
1033
- }
1034
- .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1035
- width: var(--drawer-width__3hvldb6);
1036
- height: 100%;
1037
- display: flex;
1038
- flex-direction: column;
1039
- gap: var(--drawer-gap__3hvldb7);
1040
- padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
1041
- }
1042
- .drawer_drawerClassNames_header_header__3hvldbm {
1043
- display: grid;
1044
- grid-template-areas: "back title close";
1045
- grid-template-columns: auto 1fr auto;
1046
- gap: var(--drawer-gap__3hvldb7);
1047
- align-items: center;
1048
- }
1049
- .drawer_drawerClassNames_header_title__3hvldbo {
1050
- margin-bottom: 0;
1051
- }
1052
- .drawer_drawerClassNames_content__3hvldbq {
1053
- flex: 1;
1054
- }
1055
- .drawer_drawerClassNames_footer__3hvldbr {
1056
- display: flex;
1057
- justify-content: flex-end;
1058
- }
1059
- @container style(--layoutShift__3hvldbd: false) {
1060
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1061
- width: var(--drawer-width__3hvldb6);
1062
- position: absolute;
1063
- transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1064
- overflow: hidden;
1065
- pointer-events: none;
1066
- }
1067
- .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1068
- transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1069
- pointer-events: auto;
1070
- }
1071
- }
1072
- @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
1073
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1074
- left: 0;
1075
- }
1076
- }
1077
- @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
1078
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1079
- right: 0;
1080
- }
1081
- }
1082
- @container style(--layoutShift__3hvldbd: true) {
1083
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1084
- width: 0;
1085
- overflow: hidden;
1086
- transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1087
- }
1088
- }
1089
- @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
1090
- .drawer_drawerClassNames_dialog_container__3hvldbk {
1091
- width: var(--drawer-width__3hvldb6);
1092
- }
1093
- }
1094
- @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
1095
- .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1096
- transform: translateX(-100%);
1097
- }
1098
- }
1099
- @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
1100
- .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1101
- transform: translateX(100%);
1102
- }
1103
- }
1104
- @container style(--isChild__3hvldbg: false) {
1105
- .drawer_drawerClassNames_header_title__3hvldbo {
1106
- grid-area: back title;
1107
- }
1108
- }
1109
- @container style(--isChild__3hvldbg: true) {
1110
- .drawer_drawerClassNames_header_title__3hvldbo {
1111
- grid-area: title;
1112
- text-align: center;
1113
- }
1114
- }
1115
- }
1116
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1117
- .drawer_drawerClassNames_tabs_tabs__3hvldbi {
1118
- height: 100%;
1119
- display: block;
1120
- position: relative;
1121
- }
1122
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1123
- position: absolute;
1124
- top: var(--list-top__3hvldba);
1125
- transform: translateY(var(--list-translateY__3hvldbb, 0));
1126
- }
1127
- .drawer_drawerClassNames_header_back_container__3hvldbn {
1128
- grid-area: back;
1129
- }
1130
- .drawer_drawerClassNames_header_close_container__3hvldbp {
1131
- grid-area: close;
1132
- }
1133
- @container style(--anchor__3hvldbc: left) {
1134
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1135
- left: 100%;
1136
- }
1137
- }
1138
- @container style(--anchor__3hvldbc: right) {
1139
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1140
- right: 100%;
1141
- }
1142
- }
1143
- @container style(--layoutShift__3hvldbd: false) {
1144
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1145
- transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1146
- }
1147
- }
1148
- @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
1149
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1150
- transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
1151
- }
1152
- }
1153
- @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
1154
- .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1155
- transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
1156
- }
1157
- }
1158
- }
1159
-
1160
- /* src/components/query-builder/query-builder.css.ts.vanilla.css -> assets/components/query-builder/query-builder.css */
1161
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1162
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1163
- .query-builder_queryBuilderClassNames_queryBuilder_container__xkizz1d {
1164
- container-name: query-builder_queryBuilderContainers_queryBuilder__xkizz0;
1165
- display: contents;
1166
- }
1167
- .query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e {
1168
- border: 1px solid var(--queryBuilder-border__xkizz5, transparent);
1169
- background: var(--queryBuilder-background__xkizz4);
1170
- color: var(--queryBuilder-color__xkizz6);
1171
- padding: var(--queryBuilder-y__xkizzf, 0) var(--queryBuilder-x__xkizze, 0);
1055
+ .query-builder_queryBuilderClassNames_queryBuilder_queryBuilder__xkizz1e {
1056
+ border: 1px solid var(--queryBuilder-border__xkizz5, transparent);
1057
+ background: var(--queryBuilder-background__xkizz4);
1058
+ color: var(--queryBuilder-color__xkizz6);
1059
+ padding: var(--queryBuilder-y__xkizzf, 0) var(--queryBuilder-x__xkizze, 0);
1172
1060
  }
1173
1061
  .query-builder_queryBuilderClassNames_group_group__xkizz1f {
1174
1062
  border: 1px solid var(--group-border__xkizz8, transparent);
@@ -1288,87 +1176,226 @@
1288
1176
  }
1289
1177
  }
1290
1178
 
1291
- /* src/components/radio/radio.css.ts.vanilla.css -> assets/components/radio/radio.css */
1179
+ /* src/components/tree/tree.css.ts.vanilla.css -> assets/components/tree/tree.css */
1292
1180
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1181
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1293
1182
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1294
- .radio_radioClassNames_radio_container__hweo8bo {
1295
- container-name: radio_radioContainer__hweo8b0;
1296
- width: fit-content;
1297
- display: block;
1298
- }
1299
- .radio_radioClassNames_radio_radio__hweo8bp {
1300
- display: flex;
1301
- align-items: center;
1302
- color: var(--color__hweo8b4);
1303
- gap: var(--gap__hweo8b6);
1304
- }
1305
- .radio_radioClassNames_radio_radio__hweo8bp::before {
1306
- content: "";
1307
- display: block;
1308
- border: 1px solid var(--border__hweo8b2);
1309
- width: var(--diameter__hweo8b5);
1310
- height: var(--diameter__hweo8b5);
1311
- border-radius: var(--round__ljimwq3g);
1312
- background-image: radial-gradient(
1313
- circle,
1314
- var(--background__hweo8b3) 0,
1315
- var(--background__hweo8b3) 40%,
1316
- transparent 50%,
1317
- transparent 100%
1318
- );
1319
- }
1320
- .radio_radioClassNames_group_container__hweo8bq {
1321
- container-name: radio_radioGroupContainer__hweo8b1;
1183
+ .tree_treeClassNames_tree_container__kbtjn31b {
1184
+ container-name: tree_treeContainers_tree__kbtjn30;
1322
1185
  display: contents;
1323
1186
  }
1324
- .radio_radioClassNames_group_group__hweo8br {
1325
- display: flex;
1326
- gap: var(--elementGap__hweo8b7, var(--gap__hweo8b6));
1187
+ .tree_treeClassNames_empty__kbtjn31c {
1188
+ padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
1189
+ border: 1px dashed var(--indicator-border__kbtjn37, transparent);
1190
+ border-radius: var(--sm__ljimwq3d);
1191
+ background: var(--indicator-background__kbtjn36);
1192
+ color: var(--indicator-color__kbtjn38);
1193
+ text-align: center;
1327
1194
  }
1328
- @container style(--alignInput__hweo8b8: start) {
1329
- .radio_radioClassNames_radio_radio__hweo8bp {
1330
- flex-direction: row-reverse;
1331
- }
1195
+ .tree_treeClassNames_group__kbtjn31d {
1196
+ container-name: tree_treeContainers_group__kbtjn31;
1197
+ grid-area: group;
1332
1198
  }
1333
- @container style(--alignInput__hweo8b8: end) {
1334
- .radio_radioClassNames_radio_radio__hweo8bp {
1335
- flex-direction: row;
1336
- }
1199
+ .tree_treeClassNames_indicator_indicator__kbtjn31e {
1200
+ outline: 1px solid var(--indicator-border__kbtjn37, transparent);
1337
1201
  }
1338
- @container style(--isReadOnly__hweo8be: false) {
1339
- .radio_radioClassNames_radio_radio__hweo8bp {
1340
- cursor: pointer;
1341
- }
1202
+ .tree_treeClassNames_item_container__kbtjn31f {
1203
+ container-name: tree_treeContainers_item__kbtjn32;
1342
1204
  }
1343
- @container style(--isDisabled__hweo8b9: true) {
1344
- .radio_radioClassNames_radio_radio__hweo8bp {
1345
- cursor: not-allowed;
1346
- }
1205
+ .tree_treeClassNames_item_item__kbtjn31g {
1206
+ display: grid;
1207
+ grid-template-areas: "lines bar" "lines group";
1208
+ grid-template-columns: auto 1fr;
1209
+ align-items: center;
1347
1210
  }
1348
- @container style(--orientation__hweo8bj: horizontal) {
1349
- .radio_radioClassNames_group_group__hweo8br {
1350
- flex-direction: row;
1351
- }
1211
+ .tree_treeClassNames_item_bar__kbtjn31h {
1212
+ display: grid;
1213
+ grid-area: bar;
1214
+ grid-template-areas: "visibility expansion description space actions selection drag";
1215
+ grid-template-columns: auto auto auto 1fr auto auto auto;
1216
+ align-items: center;
1217
+ gap: var(--bar-x__kbtjn39);
1218
+ padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
1219
+ border: 1px solid var(--bar-border__kbtjn34, transparent);
1220
+ border-radius: var(--md__ljimwq3e);
1221
+ background: var(--bar-background__kbtjn33);
1222
+ color: var(--bar-color__kbtjn35);
1352
1223
  }
1353
- @container style(--orientation__hweo8bj: vertical) {
1354
- .radio_radioClassNames_group_group__hweo8br {
1355
- flex-direction: column;
1224
+ .tree_treeClassNames_item_description__kbtjn31m {
1225
+ grid-area: description;
1226
+ padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
1227
+ }
1228
+ @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
1229
+ .tree_treeClassNames_item_description__kbtjn31m {
1230
+ cursor: pointer;
1356
1231
  }
1357
1232
  }
1358
1233
  }
1359
-
1360
- /* src/components/menu/menu.css.ts.vanilla.css -> assets/components/menu/menu.css */
1361
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1362
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1363
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1364
- .menu_menuClassNames_menu_container__dpszds19 {
1365
- container-name: menu_menuContainers_menu__dpszds0;
1366
- display: block;
1234
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1235
+ .tree_treeClassNames_item_lines_container__kbtjn31i {
1236
+ height: 100%;
1237
+ position: relative;
1238
+ display: flex;
1239
+ grid-area: lines;
1240
+ align-items: flex-start;
1241
+ margin-left: var(--bar-x__kbtjn39);
1242
+ pointer-events: none;
1367
1243
  }
1368
- .menu_menuClassNames_menu_menu__dpszds1a {
1369
- min-width: var(--menu-minWidth__dpszdsv, var(--trigger-width));
1370
- padding: var(--menu-y__dpszdsx, 0) var(--menu-x__dpszdsw, 0);
1371
- border-radius: var(--sm__ljimwq3d);
1244
+ .tree_treeClassNames_item_lines_container__kbtjn31i::before {
1245
+ content: "";
1246
+ width: 1px;
1247
+ position: absolute;
1248
+ top: 0;
1249
+ bottom: 0;
1250
+ left: 50%;
1251
+ background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
1252
+ background-position: left -1px;
1253
+ background-repeat: repeat-y;
1254
+ background-size: 1px 4px;
1255
+ }
1256
+ .tree_treeClassNames_item_lines_button__kbtjn31j {
1257
+ position: relative;
1258
+ background: none;
1259
+ border: 1px solid transparent;
1260
+ margin-top: var(--bar-y__kbtjn3a);
1261
+ }
1262
+ .tree_treeClassNames_item_lines_button__kbtjn31j::after {
1263
+ content: "";
1264
+ width: 50%;
1265
+ height: 1px;
1266
+ position: absolute;
1267
+ top: 50%;
1268
+ right: 0;
1269
+ background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
1270
+ background-position: -1px top;
1271
+ background-repeat: repeat-x;
1272
+ background-size: 4px 1px;
1273
+ }
1274
+ .tree_treeClassNames_item_visibility_container__kbtjn31k {
1275
+ grid-area: visibility;
1276
+ }
1277
+ .tree_treeClassNames_item_expansion_container__kbtjn31l {
1278
+ grid-area: expansion;
1279
+ }
1280
+ .tree_treeClassNames_item_actions_container__kbtjn31n {
1281
+ grid-area: actions;
1282
+ }
1283
+ .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
1284
+ grid-area: selection;
1285
+ }
1286
+ .tree_treeClassNames_item_drag_container__kbtjn31p {
1287
+ grid-area: drag;
1288
+ }
1289
+ @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
1290
+ .tree_treeClassNames_item_lines_container__kbtjn31i::before {
1291
+ display: none;
1292
+ }
1293
+ }
1294
+ @container style(--isLastChild__kbtjn316: true) {
1295
+ .tree_treeClassNames_item_lines_button__kbtjn31j::before {
1296
+ content: "";
1297
+ width: 1px;
1298
+ position: absolute;
1299
+ top: calc(var(--bar-y__kbtjn3a) * -1);
1300
+ bottom: 50%;
1301
+ left: 50%;
1302
+ background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
1303
+ background-position: left -1px;
1304
+ background-repeat: repeat-y;
1305
+ background-size: 1px 4px;
1306
+ }
1307
+ }
1308
+ @container style(--showTreeLines__kbtjn3i: false) {
1309
+ .tree_treeClassNames_item_lines_button__kbtjn31j::before {
1310
+ display: none;
1311
+ }
1312
+ .tree_treeClassNames_item_lines_button__kbtjn31j::after {
1313
+ display: none;
1314
+ }
1315
+ }
1316
+ @container style(--allowsVisibility__kbtjn3h: false) {
1317
+ .tree_treeClassNames_item_visibility_container__kbtjn31k {
1318
+ display: none;
1319
+ }
1320
+ }
1321
+ @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
1322
+ .tree_treeClassNames_item_expansion_container__kbtjn31l {
1323
+ display: none;
1324
+ }
1325
+ }
1326
+ @container style(--selectionMode__kbtjn3v: none) {
1327
+ .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
1328
+ display: none;
1329
+ }
1330
+ }
1331
+ @container style(--allowsDragging__kbtjn3f: false) {
1332
+ .tree_treeClassNames_item_drag_container__kbtjn31p {
1333
+ display: none;
1334
+ }
1335
+ }
1336
+ }
1337
+
1338
+ /* src/components/picker/picker.css.ts.vanilla.css -> assets/components/picker/picker.css */
1339
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1340
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1341
+ .picker_pickerClassNames_list_container__k0t389k {
1342
+ container-name: picker_pickerContainers_list__k0t3890;
1343
+ display: contents;
1344
+ }
1345
+ .picker_pickerClassNames_list_list__k0t389l {
1346
+ gap: var(--gap__k0t3892);
1347
+ }
1348
+ .picker_pickerClassNames_item_container__k0t389m {
1349
+ container-name: picker_pickerContainers_item__k0t3891;
1350
+ display: contents;
1351
+ }
1352
+ .picker_pickerClassNames_item_item__k0t389n {
1353
+ border: 1px solid var(--border__k0t389a, transparent);
1354
+ background: var(--background__k0t3899);
1355
+ color: var(--color__k0t389b);
1356
+ }
1357
+ @container style(--layout__k0t3894: grid) {
1358
+ .picker_pickerClassNames_list_list__k0t389l {
1359
+ display: grid;
1360
+ grid-template-columns: repeat(var(--columns__k0t3893, 1), min-content);
1361
+ }
1362
+ }
1363
+ @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: horizontal) {
1364
+ .picker_pickerClassNames_list_list__k0t389l {
1365
+ display: flex;
1366
+ flex-direction: row;
1367
+ }
1368
+ }
1369
+ @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: vertical) {
1370
+ .picker_pickerClassNames_list_list__k0t389l {
1371
+ display: flex;
1372
+ flex-direction: column;
1373
+ }
1374
+ }
1375
+ @container (style(--selectionMode__k0t389c: single) or style(--selectionMode__k0t389c: multiple)) {
1376
+ .picker_pickerClassNames_item_item__k0t389n {
1377
+ cursor: pointer;
1378
+ }
1379
+ }
1380
+ @container style(--isDisabled__k0t389e: true) {
1381
+ .picker_pickerClassNames_item_item__k0t389n {
1382
+ cursor: not-allowed;
1383
+ }
1384
+ }
1385
+ }
1386
+
1387
+ /* src/components/menu/menu.css.ts.vanilla.css -> assets/components/menu/menu.css */
1388
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1389
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1390
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1391
+ .menu_menuClassNames_menu_container__dpszds19 {
1392
+ container-name: menu_menuContainers_menu__dpszds0;
1393
+ display: block;
1394
+ }
1395
+ .menu_menuClassNames_menu_menu__dpszds1a {
1396
+ min-width: var(--menu-minWidth__dpszdsv, var(--trigger-width));
1397
+ padding: var(--menu-y__dpszdsx, 0) var(--menu-x__dpszdsw, 0);
1398
+ border-radius: var(--sm__ljimwq3d);
1372
1399
  }
1373
1400
  .menu_menuClassNames_list_container__dpszds1b {
1374
1401
  container-name: menu_menuContainers_list__dpszds1;
@@ -1444,233 +1471,196 @@
1444
1471
  }
1445
1472
  }
1446
1473
 
1447
- /* src/components/picker/picker.css.ts.vanilla.css -> assets/components/picker/picker.css */
1474
+ /* src/components/tooltip/tooltip.css.ts.vanilla.css -> assets/components/tooltip/tooltip.css */
1448
1475
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1449
1476
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1450
- .picker_pickerClassNames_list_container__k0t389k {
1451
- container-name: picker_pickerContainers_list__k0t3890;
1452
- display: contents;
1477
+ .tooltip_tooltipClassNames_tooltip_container__sg5iyrd {
1478
+ container-name: tooltip_tooltipContainers_tooltip__sg5iyr0;
1479
+ display: block;
1480
+ z-index: var(--tooltip__ljimwq5c) !important;
1453
1481
  }
1454
- .picker_pickerClassNames_list_list__k0t389l {
1455
- gap: var(--gap__k0t3892);
1482
+ .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1483
+ padding: var(--y__sg5iyr3, 0) var(--x__sg5iyr2, 0);
1484
+ border-radius: var(--md__ljimwq3e);
1485
+ text-align: center;
1456
1486
  }
1457
- .picker_pickerClassNames_item_container__k0t389m {
1458
- container-name: picker_pickerContainers_item__k0t3891;
1487
+ .tooltip_tooltipClassNames_target_container__sg5iyrf {
1488
+ container-name: tooltip_tooltipContainers_target__sg5iyr1;
1459
1489
  display: contents;
1460
1490
  }
1461
- .picker_pickerClassNames_item_item__k0t389n {
1462
- border: 1px solid var(--border__k0t389a, transparent);
1463
- background: var(--background__k0t3899);
1464
- color: var(--color__k0t389b);
1491
+ .tooltip_tooltipClassNames_target_target__sg5iyrg {
1492
+ width: fit-content;
1465
1493
  }
1466
- @container style(--layout__k0t3894: grid) {
1467
- .picker_pickerClassNames_list_list__k0t389l {
1468
- display: grid;
1469
- grid-template-columns: repeat(var(--columns__k0t3893, 1), min-content);
1494
+ .tooltip_tooltipClassNames_target_target__sg5iyrg::before {
1495
+ content: "";
1496
+ display: block;
1497
+ position: absolute;
1498
+ top: 0;
1499
+ right: 0;
1500
+ bottom: 0;
1501
+ left: 0;
1502
+ }
1503
+ @container style(--placement__sg5iyr7: top) {
1504
+ .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1505
+ margin-bottom: calc(var(--containerPadding__sg5iyr4) * 1px);
1470
1506
  }
1471
1507
  }
1472
- @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: horizontal) {
1473
- .picker_pickerClassNames_list_list__k0t389l {
1474
- display: flex;
1475
- flex-direction: row;
1508
+ @container style(--placement__sg5iyr7: right) {
1509
+ .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1510
+ margin-left: calc(var(--containerPadding__sg5iyr4) * 1px);
1476
1511
  }
1477
1512
  }
1478
- @container style(--layout__k0t3894: stack) and style(--orientation__k0t3895: vertical) {
1479
- .picker_pickerClassNames_list_list__k0t389l {
1480
- display: flex;
1481
- flex-direction: column;
1513
+ @container style(--placement__sg5iyr7: bottom) {
1514
+ .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1515
+ margin-top: calc(var(--containerPadding__sg5iyr4) * 1px);
1482
1516
  }
1483
1517
  }
1484
- @container (style(--selectionMode__k0t389c: single) or style(--selectionMode__k0t389c: multiple)) {
1485
- .picker_pickerClassNames_item_item__k0t389n {
1486
- cursor: pointer;
1518
+ @container style(--placement__sg5iyr7: left) {
1519
+ .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1520
+ margin-right: calc(var(--containerPadding__sg5iyr4) * 1px);
1487
1521
  }
1488
1522
  }
1489
- @container style(--isDisabled__k0t389e: true) {
1490
- .picker_pickerClassNames_item_item__k0t389n {
1491
- cursor: not-allowed;
1523
+ @container style(--relative__sg5iyrc: self) {
1524
+ .tooltip_tooltipClassNames_target_target__sg5iyrg {
1525
+ position: relative;
1492
1526
  }
1493
1527
  }
1494
1528
  }
1495
1529
 
1496
- /* src/components/tabs/tabs.css.ts.vanilla.css -> assets/components/tabs/tabs.css */
1530
+ /* src/components/drawer/drawer.css.ts.vanilla.css -> assets/components/drawer/drawer.css */
1497
1531
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1532
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1498
1533
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1499
- .tabs_tabsClassNames_tabs__plnfe2t {
1534
+ .drawer_drawerClassNames_container__3hvldbh {
1535
+ container-name: drawer_drawerContainer__3hvldb0;
1500
1536
  display: contents;
1501
1537
  }
1502
- .tabs_tabsClassNames_list_container__plnfe2u {
1503
- container-name: tabs_tabsContainers_list__plnfe20;
1504
- display: contents;
1538
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1539
+ height: 100%;
1505
1540
  }
1506
- .tabs_tabsClassNames_list_list__plnfe2v {
1541
+ .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1542
+ width: var(--drawer-width__3hvldb6);
1543
+ height: 100%;
1507
1544
  display: flex;
1508
- gap: var(--list-gap__plnfe27);
1509
- padding: var(--list-y__plnfe29, 0) var(--list-x__plnfe28, 0);
1545
+ flex-direction: column;
1546
+ gap: var(--drawer-gap__3hvldb7);
1547
+ padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
1510
1548
  }
1511
- .tabs_tabsClassNames_tab_container__plnfe2w {
1512
- container-name: tabs_tabsContainers_tab__plnfe21;
1513
- display: contents;
1549
+ .drawer_drawerClassNames_header_header__3hvldbm {
1550
+ display: grid;
1551
+ grid-template-areas: "back title close";
1552
+ grid-template-columns: auto 1fr auto;
1553
+ gap: var(--drawer-gap__3hvldb7);
1554
+ align-items: center;
1514
1555
  }
1515
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1516
- display: flex;
1517
- position: relative;
1518
- padding: var(--tab-y__plnfe2b, 0) var(--tab-x__plnfe2a, 0);
1519
- background: var(--background__plnfe24);
1520
- color: var(--color__plnfe26);
1521
- cursor: pointer;
1556
+ .drawer_drawerClassNames_header_title__3hvldbo {
1557
+ margin-bottom: 0;
1522
1558
  }
1523
- .tabs_tabsClassNames_panels_container__plnfe2y {
1524
- container-name: tabs_tabsContainers_panels__plnfe22;
1525
- display: contents;
1559
+ .drawer_drawerClassNames_content__3hvldbq {
1560
+ flex: 1;
1526
1561
  }
1527
- .tabs_tabsClassNames_panel_container__plnfe210 {
1528
- container-name: tabs_tabsContainers_panel__plnfe23;
1529
- display: contents;
1562
+ .drawer_drawerClassNames_footer__3hvldbr {
1563
+ display: flex;
1564
+ justify-content: flex-end;
1530
1565
  }
1531
- @container style(--orientation__plnfe2f: horizontal) {
1532
- .tabs_tabsClassNames_list_list__plnfe2v {
1533
- flex-direction: row;
1566
+ @container style(--layoutShift__3hvldbd: false) {
1567
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1568
+ width: var(--drawer-width__3hvldb6);
1569
+ position: absolute;
1570
+ transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1571
+ overflow: hidden;
1572
+ pointer-events: none;
1534
1573
  }
1535
- }
1536
- @container style(--orientation__plnfe2f: vertical) {
1537
- .tabs_tabsClassNames_list_list__plnfe2v {
1538
- flex-direction: column;
1574
+ .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1575
+ transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1576
+ pointer-events: auto;
1539
1577
  }
1540
1578
  }
1541
- @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
1542
- .tabs_tabsClassNames_list_list__plnfe2v {
1543
- border-bottom-left-radius: var(--md__ljimwq3e);
1544
- border-bottom-right-radius: var(--md__ljimwq3e);
1579
+ @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
1580
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1581
+ left: 0;
1545
1582
  }
1546
1583
  }
1547
- @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
1548
- .tabs_tabsClassNames_list_list__plnfe2v {
1549
- border-top-left-radius: var(--md__ljimwq3e);
1550
- border-top-right-radius: var(--md__ljimwq3e);
1584
+ @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
1585
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1586
+ right: 0;
1551
1587
  }
1552
1588
  }
1553
- @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
1554
- .tabs_tabsClassNames_list_list__plnfe2v {
1555
- border-top-right-radius: var(--md__ljimwq3e);
1556
- border-bottom-right-radius: var(--md__ljimwq3e);
1589
+ @container style(--layoutShift__3hvldbd: true) {
1590
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1591
+ width: 0;
1592
+ overflow: hidden;
1593
+ transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1557
1594
  }
1558
1595
  }
1559
- @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
1560
- .tabs_tabsClassNames_list_list__plnfe2v {
1561
- border-top-left-radius: var(--md__ljimwq3e);
1562
- border-bottom-left-radius: var(--md__ljimwq3e);
1596
+ @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
1597
+ .drawer_drawerClassNames_dialog_container__3hvldbk {
1598
+ width: var(--drawer-width__3hvldb6);
1563
1599
  }
1564
1600
  }
1565
- @container style(--align__plnfe2c: start) {
1566
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1567
- justify-content: flex-start;
1568
- text-align: left;
1601
+ @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
1602
+ .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1603
+ transform: translateX(-100%);
1569
1604
  }
1570
1605
  }
1571
- @container style(--align__plnfe2c: center) {
1572
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1573
- justify-content: center;
1574
- text-align: center;
1606
+ @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
1607
+ .drawer_drawerClassNames_dialog_dialog__3hvldbl {
1608
+ transform: translateX(100%);
1575
1609
  }
1576
1610
  }
1577
- @container style(--align__plnfe2c: end) {
1578
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1579
- justify-content: flex-end;
1580
- text-align: right;
1611
+ @container style(--isChild__3hvldbg: false) {
1612
+ .drawer_drawerClassNames_header_title__3hvldbo {
1613
+ grid-area: back title;
1581
1614
  }
1582
1615
  }
1583
- @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
1584
- .tabs_tabsClassNames_list_list__plnfe2v {
1585
- padding-top: 0;
1586
- }
1587
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1588
- border-top: 1px solid var(--border__plnfe25, transparent);
1616
+ @container style(--isChild__3hvldbg: true) {
1617
+ .drawer_drawerClassNames_header_title__3hvldbo {
1618
+ grid-area: title;
1619
+ text-align: center;
1589
1620
  }
1590
1621
  }
1591
- @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
1592
- .tabs_tabsClassNames_list_list__plnfe2v {
1593
- padding-bottom: 0;
1594
- }
1595
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1596
- border-bottom: 1px solid var(--border__plnfe25, transparent);
1597
- }
1622
+ }
1623
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1624
+ .drawer_drawerClassNames_tabs_tabs__3hvldbi {
1625
+ height: 100%;
1626
+ display: block;
1627
+ position: relative;
1598
1628
  }
1599
- @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
1600
- .tabs_tabsClassNames_list_list__plnfe2v {
1601
- padding-left: 0;
1602
- }
1603
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1604
- border-left: 1px solid var(--border__plnfe25, transparent);
1605
- }
1629
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1630
+ position: absolute;
1631
+ top: var(--list-top__3hvldba);
1632
+ transform: translateY(var(--list-translateY__3hvldbb, 0));
1606
1633
  }
1607
- @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
1608
- .tabs_tabsClassNames_list_list__plnfe2v {
1609
- padding-right: 0;
1610
- }
1611
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1612
- border-right: 1px solid var(--border__plnfe25, transparent);
1613
- }
1634
+ .drawer_drawerClassNames_header_back_container__3hvldbn {
1635
+ grid-area: back;
1614
1636
  }
1615
- @container style(--variant__plnfe2h: fill) {
1616
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1617
- border-radius: var(--md__ljimwq3e);
1618
- }
1637
+ .drawer_drawerClassNames_header_close_container__3hvldbp {
1638
+ grid-area: close;
1619
1639
  }
1620
- @container style(--isDisabled__plnfe2n: true) {
1621
- .tabs_tabsClassNames_tab_tab__plnfe2x {
1622
- cursor: not-allowed;
1640
+ @container style(--anchor__3hvldbc: left) {
1641
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1642
+ left: 100%;
1623
1643
  }
1624
1644
  }
1625
- @container style(--shouldForceMount__plnfe2o: true) {
1626
- .tabs_tabsClassNames_panels_panels__plnfe2z {
1627
- display: grid;
1628
- grid-template-areas: "panels";
1629
- }
1630
- .tabs_tabsClassNames_panel_panel__plnfe211 {
1631
- grid-area: panels;
1645
+ @container style(--anchor__3hvldbc: right) {
1646
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1647
+ right: 100%;
1632
1648
  }
1633
1649
  }
1634
- @container style(--shouldForceMount__plnfe2o: true) and style(--isInert__plnfe2s: true) {
1635
- .tabs_tabsClassNames_panel_panel__plnfe211 {
1636
- pointer-events: none;
1637
- visibility: hidden;
1650
+ @container style(--layoutShift__3hvldbd: false) {
1651
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1652
+ transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
1638
1653
  }
1639
1654
  }
1640
- }
1641
-
1642
- /* src/components/select/select.css.ts.vanilla.css -> assets/components/select/select.css */
1643
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1644
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1645
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1646
- .select_selectClassNames_container__1j26mgud {
1647
- container-name: select_selectContainer__1j26mgu0;
1648
- display: contents;
1649
- }
1650
- .select_selectClassNames_select__1j26mgue {
1651
- width: var(--width__1j26mgu3, fit-content);
1652
- display: flex;
1653
- flex-direction: column;
1654
- align-items: flex-start;
1655
- }
1656
- .select_selectClassNames_label__1j26mguf {
1657
- color: var(--color__6yc0ri3);
1658
- }
1659
- .select_selectClassNames_description__1j26mguh {
1660
- color: var(--description-color__1j26mgu1);
1661
- }
1662
- .select_selectClassNames_error__1j26mgui {
1663
- color: var(--error-color__1j26mgu2);
1664
- }
1665
- .select_selectClassNames_value__1j26mguj {
1666
- overflow: hidden;
1667
- text-overflow: ellipsis;
1655
+ @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
1656
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1657
+ transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
1658
+ }
1668
1659
  }
1669
- }
1670
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1671
- .select_selectClassNames_toggle_button__1j26mgug {
1672
- font-family: var(--mono__ljimwq3i);
1673
- justify-content: space-between;
1660
+ @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
1661
+ .drawer_drawerClassNames_tabs_list_list__3hvldbj {
1662
+ transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
1663
+ }
1674
1664
  }
1675
1665
  }
1676
1666
 
@@ -1738,281 +1728,291 @@
1738
1728
  }
1739
1729
  }
1740
1730
 
1741
- /* src/components/tooltip/tooltip.css.ts.vanilla.css -> assets/components/tooltip/tooltip.css */
1731
+ /* src/components/checkbox/checkbox.css.ts.vanilla.css -> assets/components/checkbox/checkbox.css */
1742
1732
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1733
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1743
1734
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1744
- .tooltip_tooltipClassNames_tooltip_container__sg5iyrd {
1745
- container-name: tooltip_tooltipContainers_tooltip__sg5iyr0;
1735
+ .checkbox_checkboxClassNames_checkbox_container__1rajo3pp {
1736
+ container-name: checkbox_checkboxContainer__1rajo3p0;
1746
1737
  display: block;
1747
- z-index: var(--tooltip__ljimwq5c) !important;
1738
+ width: fit-content;
1748
1739
  }
1749
- .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1750
- padding: var(--y__sg5iyr3, 0) var(--x__sg5iyr2, 0);
1751
- border-radius: var(--md__ljimwq3e);
1752
- text-align: center;
1740
+ .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
1741
+ display: flex;
1742
+ align-items: center;
1743
+ gap: var(--gap__1rajo3p7);
1744
+ color: var(--color__1rajo3p4);
1753
1745
  }
1754
- .tooltip_tooltipClassNames_target_container__sg5iyrf {
1755
- container-name: tooltip_tooltipContainers_target__sg5iyr1;
1746
+ .checkbox_checkboxClassNames_checkbox_label__1rajo3ps {
1747
+ color: var(--color__1rajo3p4);
1748
+ }
1749
+ .checkbox_checkboxClassNames_group_container__1rajo3pt {
1750
+ container-name: checkbox_checkboxGroupContainer__1rajo3p1;
1756
1751
  display: contents;
1757
1752
  }
1758
- .tooltip_tooltipClassNames_target_target__sg5iyrg {
1759
- width: fit-content;
1753
+ .checkbox_checkboxClassNames_group_group__1rajo3pu {
1754
+ display: flex;
1755
+ flex-direction: column;
1756
+ gap: var(--elementGap__1rajo3p8, var(--gap__1rajo3p7));
1760
1757
  }
1761
- .tooltip_tooltipClassNames_target_target__sg5iyrg::before {
1762
- content: "";
1763
- display: block;
1764
- position: absolute;
1765
- top: 0;
1766
- right: 0;
1767
- bottom: 0;
1768
- left: 0;
1758
+ .checkbox_checkboxClassNames_group_label__1rajo3pv {
1759
+ color: var(--color__1rajo3p4);
1769
1760
  }
1770
- @container style(--placement__sg5iyr7: top) {
1771
- .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1772
- margin-bottom: calc(var(--containerPadding__sg5iyr4) * 1px);
1761
+ @container style(--alignInput__1rajo3p9: start) {
1762
+ .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
1763
+ flex-direction: row-reverse;
1773
1764
  }
1774
1765
  }
1775
- @container style(--placement__sg5iyr7: right) {
1776
- .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1777
- margin-left: calc(var(--containerPadding__sg5iyr4) * 1px);
1766
+ @container style(--alignInput__1rajo3p9: end) {
1767
+ .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
1768
+ flex-direction: row;
1778
1769
  }
1779
1770
  }
1780
- @container style(--placement__sg5iyr7: bottom) {
1781
- .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1782
- margin-top: calc(var(--containerPadding__sg5iyr4) * 1px);
1771
+ @container style(--isReadOnly__1rajo3ph: false) {
1772
+ .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
1773
+ cursor: pointer;
1783
1774
  }
1784
1775
  }
1785
- @container style(--placement__sg5iyr7: left) {
1786
- .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
1787
- margin-right: calc(var(--containerPadding__sg5iyr4) * 1px);
1776
+ @container style(--isDisabled__1rajo3pa: true) {
1777
+ .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
1778
+ cursor: not-allowed;
1788
1779
  }
1789
1780
  }
1790
- @container style(--relative__sg5iyrc: self) {
1791
- .tooltip_tooltipClassNames_target_target__sg5iyrg {
1792
- position: relative;
1781
+ @container style(--orientation__1rajo3pk: horizontal) {
1782
+ .checkbox_checkboxClassNames_group_group__1rajo3pu {
1783
+ flex-direction: row;
1784
+ }
1785
+ }
1786
+ @container style(--orientation__1rajo3pk: vertical) {
1787
+ .checkbox_checkboxClassNames_group_group__1rajo3pu {
1788
+ flex-direction: column;
1793
1789
  }
1794
1790
  }
1795
1791
  }
1792
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1793
+ .checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr {
1794
+ display: flex;
1795
+ align-items: center;
1796
+ justify-content: center;
1797
+ width: var(--dimension__1rajo3p6);
1798
+ height: var(--dimension__1rajo3p6);
1799
+ color: var(--indicator__1rajo3p5, currentcolor);
1800
+ border: 1px solid var(--border__1rajo3p2, transparent);
1801
+ border-radius: var(--sm__ljimwq3d);
1802
+ background: var(--background__1rajo3p3, none);
1803
+ }
1804
+ }
1796
1805
 
1797
- /* src/components/tree/tree.css.ts.vanilla.css -> assets/components/tree/tree.css */
1806
+ /* src/components/tabs/tabs.css.ts.vanilla.css -> assets/components/tabs/tabs.css */
1798
1807
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1799
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1800
1808
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1801
- .tree_treeClassNames_tree_container__kbtjn31b {
1802
- container-name: tree_treeContainers_tree__kbtjn30;
1809
+ .tabs_tabsClassNames_tabs__plnfe2t {
1803
1810
  display: contents;
1804
1811
  }
1805
- .tree_treeClassNames_empty__kbtjn31c {
1806
- padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
1807
- border: 1px dashed var(--indicator-border__kbtjn37, transparent);
1808
- border-radius: var(--sm__ljimwq3d);
1809
- background: var(--indicator-background__kbtjn36);
1810
- color: var(--indicator-color__kbtjn38);
1811
- text-align: center;
1812
- }
1813
- .tree_treeClassNames_group__kbtjn31d {
1814
- container-name: tree_treeContainers_group__kbtjn31;
1815
- grid-area: group;
1812
+ .tabs_tabsClassNames_list_container__plnfe2u {
1813
+ container-name: tabs_tabsContainers_list__plnfe20;
1814
+ display: contents;
1816
1815
  }
1817
- .tree_treeClassNames_indicator_indicator__kbtjn31e {
1818
- outline: 1px solid var(--indicator-border__kbtjn37, transparent);
1816
+ .tabs_tabsClassNames_list_list__plnfe2v {
1817
+ display: flex;
1818
+ gap: var(--list-gap__plnfe27);
1819
+ padding: var(--list-y__plnfe29, 0) var(--list-x__plnfe28, 0);
1819
1820
  }
1820
- .tree_treeClassNames_item_container__kbtjn31f {
1821
- container-name: tree_treeContainers_item__kbtjn32;
1821
+ .tabs_tabsClassNames_tab_container__plnfe2w {
1822
+ container-name: tabs_tabsContainers_tab__plnfe21;
1823
+ display: contents;
1822
1824
  }
1823
- .tree_treeClassNames_item_item__kbtjn31g {
1824
- display: grid;
1825
- grid-template-areas: "lines bar" "lines group";
1826
- grid-template-columns: auto 1fr;
1827
- align-items: center;
1825
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1826
+ display: flex;
1827
+ position: relative;
1828
+ padding: var(--tab-y__plnfe2b, 0) var(--tab-x__plnfe2a, 0);
1829
+ background: var(--background__plnfe24);
1830
+ color: var(--color__plnfe26);
1831
+ cursor: pointer;
1828
1832
  }
1829
- .tree_treeClassNames_item_bar__kbtjn31h {
1830
- display: grid;
1831
- grid-area: bar;
1832
- grid-template-areas: "visibility expansion description space actions selection drag";
1833
- grid-template-columns: auto auto auto 1fr auto auto auto;
1834
- align-items: center;
1835
- gap: var(--bar-x__kbtjn39);
1836
- padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
1837
- border: 1px solid var(--bar-border__kbtjn34, transparent);
1838
- border-radius: var(--md__ljimwq3e);
1839
- background: var(--bar-background__kbtjn33);
1840
- color: var(--bar-color__kbtjn35);
1833
+ .tabs_tabsClassNames_panels_container__plnfe2y {
1834
+ container-name: tabs_tabsContainers_panels__plnfe22;
1835
+ display: contents;
1841
1836
  }
1842
- .tree_treeClassNames_item_description__kbtjn31m {
1843
- grid-area: description;
1844
- padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
1837
+ .tabs_tabsClassNames_panel_container__plnfe210 {
1838
+ container-name: tabs_tabsContainers_panel__plnfe23;
1839
+ display: contents;
1845
1840
  }
1846
- @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
1847
- .tree_treeClassNames_item_description__kbtjn31m {
1848
- cursor: pointer;
1841
+ @container style(--orientation__plnfe2f: horizontal) {
1842
+ .tabs_tabsClassNames_list_list__plnfe2v {
1843
+ flex-direction: row;
1849
1844
  }
1850
1845
  }
1851
- }
1852
- @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1853
- .tree_treeClassNames_item_lines_container__kbtjn31i {
1854
- height: 100%;
1855
- position: relative;
1856
- display: flex;
1857
- grid-area: lines;
1858
- align-items: flex-start;
1859
- margin-left: var(--bar-x__kbtjn39);
1860
- pointer-events: none;
1846
+ @container style(--orientation__plnfe2f: vertical) {
1847
+ .tabs_tabsClassNames_list_list__plnfe2v {
1848
+ flex-direction: column;
1849
+ }
1861
1850
  }
1862
- .tree_treeClassNames_item_lines_container__kbtjn31i::before {
1863
- content: "";
1864
- width: 1px;
1865
- position: absolute;
1866
- top: 0;
1867
- bottom: 0;
1868
- left: 50%;
1869
- background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
1870
- background-position: left -1px;
1871
- background-repeat: repeat-y;
1872
- background-size: 1px 4px;
1851
+ @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
1852
+ .tabs_tabsClassNames_list_list__plnfe2v {
1853
+ border-bottom-left-radius: var(--md__ljimwq3e);
1854
+ border-bottom-right-radius: var(--md__ljimwq3e);
1855
+ }
1873
1856
  }
1874
- .tree_treeClassNames_item_lines_button__kbtjn31j {
1875
- position: relative;
1876
- background: none;
1877
- border: 1px solid transparent;
1878
- margin-top: var(--bar-y__kbtjn3a);
1857
+ @container style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
1858
+ .tabs_tabsClassNames_list_list__plnfe2v {
1859
+ border-top-left-radius: var(--md__ljimwq3e);
1860
+ border-top-right-radius: var(--md__ljimwq3e);
1861
+ }
1879
1862
  }
1880
- .tree_treeClassNames_item_lines_button__kbtjn31j::after {
1881
- content: "";
1882
- width: 50%;
1883
- height: 1px;
1884
- position: absolute;
1885
- top: 50%;
1886
- right: 0;
1887
- background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
1888
- background-position: -1px top;
1889
- background-repeat: repeat-x;
1890
- background-size: 4px 1px;
1863
+ @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
1864
+ .tabs_tabsClassNames_list_list__plnfe2v {
1865
+ border-top-right-radius: var(--md__ljimwq3e);
1866
+ border-bottom-right-radius: var(--md__ljimwq3e);
1867
+ }
1891
1868
  }
1892
- .tree_treeClassNames_item_visibility_container__kbtjn31k {
1893
- grid-area: visibility;
1869
+ @container style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
1870
+ .tabs_tabsClassNames_list_list__plnfe2v {
1871
+ border-top-left-radius: var(--md__ljimwq3e);
1872
+ border-bottom-left-radius: var(--md__ljimwq3e);
1873
+ }
1894
1874
  }
1895
- .tree_treeClassNames_item_expansion_container__kbtjn31l {
1896
- grid-area: expansion;
1875
+ @container style(--align__plnfe2c: start) {
1876
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1877
+ justify-content: flex-start;
1878
+ text-align: left;
1879
+ }
1897
1880
  }
1898
- .tree_treeClassNames_item_actions_container__kbtjn31n {
1899
- grid-area: actions;
1881
+ @container style(--align__plnfe2c: center) {
1882
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1883
+ justify-content: center;
1884
+ text-align: center;
1885
+ }
1900
1886
  }
1901
- .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
1902
- grid-area: selection;
1887
+ @container style(--align__plnfe2c: end) {
1888
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1889
+ justify-content: flex-end;
1890
+ text-align: right;
1891
+ }
1903
1892
  }
1904
- .tree_treeClassNames_item_drag_container__kbtjn31p {
1905
- grid-area: drag;
1893
+ @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: start) {
1894
+ .tabs_tabsClassNames_list_list__plnfe2v {
1895
+ padding-top: 0;
1896
+ }
1897
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1898
+ border-top: 1px solid var(--border__plnfe25, transparent);
1899
+ }
1906
1900
  }
1907
- @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
1908
- .tree_treeClassNames_item_lines_container__kbtjn31i::before {
1909
- display: none;
1901
+ @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: horizontal) and style(--anchor__plnfe2d: end) {
1902
+ .tabs_tabsClassNames_list_list__plnfe2v {
1903
+ padding-bottom: 0;
1904
+ }
1905
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1906
+ border-bottom: 1px solid var(--border__plnfe25, transparent);
1910
1907
  }
1911
1908
  }
1912
- @container style(--isLastChild__kbtjn316: true) {
1913
- .tree_treeClassNames_item_lines_button__kbtjn31j::before {
1914
- content: "";
1915
- width: 1px;
1916
- position: absolute;
1917
- top: calc(var(--bar-y__kbtjn3a) * -1);
1918
- bottom: 50%;
1919
- left: 50%;
1920
- background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
1921
- background-position: left -1px;
1922
- background-repeat: repeat-y;
1923
- background-size: 1px 4px;
1909
+ @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: start) {
1910
+ .tabs_tabsClassNames_list_list__plnfe2v {
1911
+ padding-left: 0;
1912
+ }
1913
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1914
+ border-left: 1px solid var(--border__plnfe25, transparent);
1924
1915
  }
1925
1916
  }
1926
- @container style(--showTreeLines__kbtjn3i: false) {
1927
- .tree_treeClassNames_item_lines_button__kbtjn31j::before {
1928
- display: none;
1917
+ @container style(--variant__plnfe2h: border) and style(--orientation__plnfe2f: vertical) and style(--anchor__plnfe2d: end) {
1918
+ .tabs_tabsClassNames_list_list__plnfe2v {
1919
+ padding-right: 0;
1929
1920
  }
1930
- .tree_treeClassNames_item_lines_button__kbtjn31j::after {
1931
- display: none;
1921
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1922
+ border-right: 1px solid var(--border__plnfe25, transparent);
1932
1923
  }
1933
1924
  }
1934
- @container style(--allowsVisibility__kbtjn3h: false) {
1935
- .tree_treeClassNames_item_visibility_container__kbtjn31k {
1936
- display: none;
1925
+ @container style(--variant__plnfe2h: fill) {
1926
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1927
+ border-radius: var(--md__ljimwq3e);
1937
1928
  }
1938
1929
  }
1939
- @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
1940
- .tree_treeClassNames_item_expansion_container__kbtjn31l {
1941
- display: none;
1930
+ @container style(--isDisabled__plnfe2n: true) {
1931
+ .tabs_tabsClassNames_tab_tab__plnfe2x {
1932
+ cursor: not-allowed;
1942
1933
  }
1943
1934
  }
1944
- @container style(--selectionMode__kbtjn3v: none) {
1945
- .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
1946
- display: none;
1935
+ @container style(--shouldForceMount__plnfe2o: true) {
1936
+ .tabs_tabsClassNames_panels_panels__plnfe2z {
1937
+ display: grid;
1938
+ grid-template-areas: "panels";
1939
+ }
1940
+ .tabs_tabsClassNames_panel_panel__plnfe211 {
1941
+ grid-area: panels;
1947
1942
  }
1948
1943
  }
1949
- @container style(--allowsDragging__kbtjn3f: false) {
1950
- .tree_treeClassNames_item_drag_container__kbtjn31p {
1951
- display: none;
1944
+ @container style(--shouldForceMount__plnfe2o: true) and style(--isInert__plnfe2s: true) {
1945
+ .tabs_tabsClassNames_panel_panel__plnfe211 {
1946
+ pointer-events: none;
1947
+ visibility: hidden;
1952
1948
  }
1953
1949
  }
1954
1950
  }
1955
1951
 
1956
- /* src/components/switch/switch.css.ts.vanilla.css -> assets/components/switch/switch.css */
1952
+ /* src/components/combo-box/combo-box.css.ts.vanilla.css -> assets/components/combo-box/combo-box.css */
1957
1953
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
1954
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
1958
1955
  @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
1959
- .switch_switchClassNames_container__1j8i4wgh {
1960
- container-name: switch_switchContainer__1j8i4wg0;
1961
- width: fit-content;
1962
- display: block;
1956
+ .combo-box_comboBoxClassNames_container__12tc9p8a {
1957
+ container-name: combo-box_comboBoxContainer__12tc9p80;
1958
+ display: contents;
1963
1959
  }
1964
- .switch_switchClassNames_switch__1j8i4wgi {
1960
+ .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
1961
+ width: fit-content;
1965
1962
  display: flex;
1966
- align-items: center;
1967
- justify-content: space-between;
1968
- gap: var(--gap__1j8i4wg7);
1969
- color: var(--color__1j8i4wg3);
1963
+ flex-direction: column;
1964
+ align-items: flex-start;
1970
1965
  }
1971
- .switch_switchClassNames_indicator__1j8i4wgk {
1966
+ .combo-box_comboBoxClassNames_label__12tc9p8c {
1967
+ color: var(--color__6yc0ri3);
1968
+ }
1969
+ .combo-box_comboBoxClassNames_group__12tc9p8d {
1970
+ position: relative;
1972
1971
  display: flex;
1973
1972
  align-items: center;
1974
- padding: var(--gutter__1j8i4wg6);
1975
- border: 1px solid var(--border__1j8i4wg1, transparent);
1976
- border-radius: var(--round__ljimwq3g);
1977
- background: var(--background__1j8i4wg2);
1973
+ padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
1978
1974
  }
1979
- .switch_switchClassNames_indicator__1j8i4wgk::before {
1975
+ .combo-box_comboBoxClassNames_description__12tc9p8h {
1976
+ color: var(--description-color__12tc9p81);
1977
+ }
1978
+ .combo-box_comboBoxClassNames_error__12tc9p8i {
1979
+ color: var(--error-color__12tc9p82);
1980
+ }
1981
+ }
1982
+ @layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
1983
+ .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
1980
1984
  content: "";
1985
+ position: absolute;
1986
+ top: 0;
1987
+ right: 0;
1988
+ bottom: 0;
1989
+ left: 0;
1981
1990
  display: block;
1982
- width: var(--diameter__1j8i4wg5);
1983
- height: var(--diameter__1j8i4wg5);
1984
- border-radius: var(--round__ljimwq3g);
1985
- margin: 0 var(--travel__1j8i4wg8);
1986
- background: var(--indicator__1j8i4wg4);
1987
- }
1988
- @container style(--alignInput__1j8i4wg9: start) {
1989
- .switch_switchClassNames_switch__1j8i4wgi {
1990
- flex-direction: row-reverse;
1991
- }
1991
+ border: 1px solid var(--border__6yc0ri2, transparent);
1992
+ border-radius: var(--md__ljimwq3e);
1993
+ background: var(--background__6yc0ri1);
1994
+ color: var(--color__6yc0ri3);
1992
1995
  }
1993
- @container style(--alignInput__1j8i4wg9: end) {
1994
- .switch_switchClassNames_switch__1j8i4wgi {
1995
- flex-direction: row;
1996
- }
1996
+ .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
1997
+ outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
1998
+ outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
1999
+ outline-offset: var(--offset__ljimwq5e);
1997
2000
  }
1998
- @container style(--isReadOnly__1j8i4wgf: false) {
1999
- .switch_switchClassNames_switch__1j8i4wgi {
2000
- cursor: pointer;
2001
- }
2001
+ .combo-box_comboBoxClassNames_input_input__12tc9p8f {
2002
+ position: relative;
2003
+ padding: 0;
2004
+ border: none;
2005
+ background: none;
2002
2006
  }
2003
- @container style(--isDisabled__1j8i4wga: true) {
2004
- .switch_switchClassNames_switch__1j8i4wgi {
2005
- cursor: not-allowed;
2006
- }
2007
+ .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
2008
+ -webkit-appearance: none;
2007
2009
  }
2008
- @container style(--isSelected__1j8i4wgg: false) {
2009
- .switch_switchClassNames_indicator__1j8i4wgk::before {
2010
- transform: translateX(calc(var(--travel__1j8i4wg8) * -1));
2011
- }
2010
+ .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
2011
+ outline: none;
2012
2012
  }
2013
- @container style(--isSelected__1j8i4wgg: true) {
2014
- .switch_switchClassNames_indicator__1j8i4wgk::before {
2015
- transform: translateX(var(--travel__1j8i4wg8));
2016
- }
2013
+ .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
2014
+ position: relative;
2015
+ padding: 0;
2016
+ background: none;
2017
2017
  }
2018
2018
  }