@accelint/design-system 0.1.0 → 0.2.0

package/dist/assets/components/tooltip/tooltip.css

@@ -0,0 +1,54 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .tooltip_tooltipClassNames_tooltip_container__sg5iyrd {
+    container-name: tooltip_tooltipContainers_tooltip__sg5iyr0;
+    display: block;
+    z-index: var(--tooltip__ljimwq5c) !important;
+  }
+  .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+    padding: var(--y__sg5iyr3, 0) var(--x__sg5iyr2, 0);
+    border-radius: var(--md__ljimwq3e);
+    text-align: center;
+  }
+  .tooltip_tooltipClassNames_target_container__sg5iyrf {
+    container-name: tooltip_tooltipContainers_target__sg5iyr1;
+    display: contents;
+  }
+  .tooltip_tooltipClassNames_target_target__sg5iyrg {
+    width: fit-content;
+  }
+  .tooltip_tooltipClassNames_target_target__sg5iyrg::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  @container style(--placement__sg5iyr7: top) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-bottom: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: right) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-left: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: bottom) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-top: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--placement__sg5iyr7: left) {
+    .tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre {
+      margin-right: calc(var(--containerPadding__sg5iyr4) * 1px);
+    }
+  }
+  @container style(--relative__sg5iyrc: self) {
+    .tooltip_tooltipClassNames_target_target__sg5iyrg {
+      position: relative;
+    }
+  }
+}

package/dist/assets/components/tree/tree.css

@@ -0,0 +1,157 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .tree_treeClassNames_tree_container__kbtjn31b {
+    container-name: tree_treeContainers_tree__kbtjn30;
+    display: contents;
+  }
+  .tree_treeClassNames_empty__kbtjn31c {
+    padding: var(--empty-y__kbtjn3e, 0) var(--empty-x__kbtjn3d, 0);
+    border: 1px dashed var(--indicator-border__kbtjn37, transparent);
+    border-radius: var(--sm__ljimwq3d);
+    background: var(--indicator-background__kbtjn36);
+    color: var(--indicator-color__kbtjn38);
+    text-align: center;
+  }
+  .tree_treeClassNames_group__kbtjn31d {
+    container-name: tree_treeContainers_group__kbtjn31;
+    grid-area: group;
+  }
+  .tree_treeClassNames_indicator_indicator__kbtjn31e {
+    outline: 1px solid var(--indicator-border__kbtjn37, transparent);
+  }
+  .tree_treeClassNames_item_container__kbtjn31f {
+    container-name: tree_treeContainers_item__kbtjn32;
+  }
+  .tree_treeClassNames_item_item__kbtjn31g {
+    display: grid;
+    grid-template-areas: "lines bar" "lines group";
+    grid-template-columns: auto 1fr;
+    align-items: center;
+  }
+  .tree_treeClassNames_item_bar__kbtjn31h {
+    display: grid;
+    grid-area: bar;
+    grid-template-areas: "visibility expansion description space actions selection drag";
+    grid-template-columns: auto auto auto 1fr auto auto auto;
+    align-items: center;
+    gap: var(--bar-x__kbtjn39);
+    padding: var(--bar-y__kbtjn3a, 0) var(--bar-x__kbtjn39, 0);
+    border: 1px solid var(--bar-border__kbtjn34, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--bar-background__kbtjn33);
+    color: var(--bar-color__kbtjn35);
+  }
+  .tree_treeClassNames_item_description__kbtjn31m {
+    grid-area: description;
+    padding: var(--description-y__kbtjn3c, 0) var(--description-x__kbtjn3b, 0);
+  }
+  @container style(--allowsExpansion__kbtjn3g: true) and style(--isDisabled__kbtjn3x: false) and style(--isGroup__kbtjn314: true) {
+    .tree_treeClassNames_item_description__kbtjn31m {
+      cursor: pointer;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .tree_treeClassNames_item_lines_container__kbtjn31i {
+    height: 100%;
+    position: relative;
+    display: flex;
+    grid-area: lines;
+    align-items: flex-start;
+    margin-left: var(--bar-x__kbtjn39);
+    pointer-events: none;
+  }
+  .tree_treeClassNames_item_lines_container__kbtjn31i::before {
+    content: "";
+    width: 1px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 50%;
+    background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: left -1px;
+    background-repeat: repeat-y;
+    background-size: 1px 4px;
+  }
+  .tree_treeClassNames_item_lines_button__kbtjn31j {
+    position: relative;
+    background: none;
+    border: 1px solid transparent;
+    margin-top: var(--bar-y__kbtjn3a);
+  }
+  .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+    content: "";
+    width: 50%;
+    height: 1px;
+    position: absolute;
+    top: 50%;
+    right: 0;
+    background-image: repeating-linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%);
+    background-position: -1px top;
+    background-repeat: repeat-x;
+    background-size: 4px 1px;
+  }
+  .tree_treeClassNames_item_visibility_container__kbtjn31k {
+    grid-area: visibility;
+  }
+  .tree_treeClassNames_item_expansion_container__kbtjn31l {
+    grid-area: expansion;
+  }
+  .tree_treeClassNames_item_actions_container__kbtjn31n {
+    grid-area: actions;
+  }
+  .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+    grid-area: selection;
+  }
+  .tree_treeClassNames_item_drag_container__kbtjn31p {
+    grid-area: drag;
+  }
+  @container style(--showTreeLines__kbtjn3i: false) or style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_container__kbtjn31i::before {
+      display: none;
+    }
+  }
+  @container style(--isLastChild__kbtjn316: true) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      content: "";
+      width: 1px;
+      position: absolute;
+      top: calc(var(--bar-y__kbtjn3a) * -1);
+      bottom: 50%;
+      left: 50%;
+      background-image: repeating-linear-gradient(to bottom, white 0%, white 50%, transparent 50%, transparent 100%);
+      background-position: left -1px;
+      background-repeat: repeat-y;
+      background-size: 1px 4px;
+    }
+  }
+  @container style(--showTreeLines__kbtjn3i: false) {
+    .tree_treeClassNames_item_lines_button__kbtjn31j::before {
+      display: none;
+    }
+    .tree_treeClassNames_item_lines_button__kbtjn31j::after {
+      display: none;
+    }
+  }
+  @container style(--allowsVisibility__kbtjn3h: false) {
+    .tree_treeClassNames_item_visibility_container__kbtjn31k {
+      display: none;
+    }
+  }
+  @container style(--allowsExpansion__kbtjn3g: false) or style(--isGroup__kbtjn314: false) {
+    .tree_treeClassNames_item_expansion_container__kbtjn31l {
+      display: none;
+    }
+  }
+  @container style(--selectionMode__kbtjn3v: none) {
+    .tree_treeClassNames_item_selection_checkbox_container__kbtjn31o {
+      display: none;
+    }
+  }
+  @container style(--allowsDragging__kbtjn3f: false) {
+    .tree_treeClassNames_item_drag_container__kbtjn31p {
+      display: none;
+    }
+  }
+}

package/dist/assets/hooks/use-theme/use-theme.css

@@ -0,0 +1,6 @@
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
+@layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
+  .use-theme_root__5ipw7a0 {
+    display: contents;
+  }
+}

package/dist/assets/src/components/button/button.css.ts.vanilla-9uttMYGm.css

@@ -0,0 +1,55 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .button_buttonClassNames_container__17k72zwp {
+    container-name: button_buttonContainer__17k72zw0;
+    width: var(--width__17k72zwb, fit-content);
+    display: block;
+    background: none;
+    padding: 0;
+    border: 0;
+    text-decoration: none;
+    color: currentcolor;
+  }
+  .button_buttonClassNames_button__17k72zwq {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: var(--gap__17k72zw9);
+    min-width: var(--minWidth__17k72zwa, auto);
+    width: var(--width__17k72zwb, fit-content);
+    padding: var(--y__17k72zwd, 0) var(--x__17k72zwc, 0);
+    border: 1px solid var(--border__17k72zw7, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__17k72zw6, var(--bareBackground__17k72zw2, none));
+    font-weight: 700;
+    color: var(--color__17k72zw8, var(--nonSolidColor__17k72zw1));
+    cursor: pointer;
+  }
+  @container (style(--variant__17k72zwg: icon) or style(--variant__17k72zwg: floating)) {
+    .button_buttonClassNames_button__17k72zwq {
+      min-width: auto;
+    }
+  }
+  @container style(--variant__17k72zwg: floating) {
+    .button_buttonClassNames_button__17k72zwq {
+      border-radius: var(--round__ljimwq3g);
+    }
+  }
+  @container (style(--variant__17k72zwg: floating) or style(--variant__17k72zwg: hollow)) {
+    .button_buttonClassNames_button__17k72zwq {
+      border-color: var(--border__17k72zw7, var(--hollowBorder__17k72zw3));
+      background: var(--background__17k72zw6, transparent);
+    }
+  }
+  @container style(--variant__17k72zwg: solid) {
+    .button_buttonClassNames_button__17k72zwq {
+      background: var(--background__17k72zw6, var(--solidBackground__17k72zw4));
+      color: var(--color__17k72zw8, var(--solidColor__17k72zw5));
+    }
+  }
+  @container style(--isDisabled__17k72zwi: true) {
+    .button_buttonClassNames_button__17k72zwq {
+      cursor: not-allowed;
+    }
+  }
+}

package/dist/assets/src/components/checkbox/checkbox.css.ts.vanilla-Bewmypyn.css

@@ -0,0 +1,73 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .checkbox_checkboxClassNames_checkbox_container__1rajo3pp {
+    container-name: checkbox_checkboxContainer__1rajo3p0;
+    display: block;
+    width: fit-content;
+  }
+  .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
+    display: flex;
+    align-items: center;
+    gap: var(--gap__1rajo3p7);
+    color: var(--color__1rajo3p4);
+  }
+  .checkbox_checkboxClassNames_checkbox_label__1rajo3ps {
+    color: var(--color__1rajo3p4);
+  }
+  .checkbox_checkboxClassNames_group_container__1rajo3pt {
+    container-name: checkbox_checkboxGroupContainer__1rajo3p1;
+    display: contents;
+  }
+  .checkbox_checkboxClassNames_group_group__1rajo3pu {
+    display: flex;
+    flex-direction: column;
+    gap: var(--elementGap__1rajo3p8, var(--gap__1rajo3p7));
+  }
+  .checkbox_checkboxClassNames_group_label__1rajo3pv {
+    color: var(--color__1rajo3p4);
+  }
+  @container style(--alignInput__1rajo3p9: start) {
+    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
+      flex-direction: row-reverse;
+    }
+  }
+  @container style(--alignInput__1rajo3p9: end) {
+    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
+      flex-direction: row;
+    }
+  }
+  @container style(--isReadOnly__1rajo3ph: false) {
+    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
+      cursor: pointer;
+    }
+  }
+  @container style(--isDisabled__1rajo3pa: true) {
+    .checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--orientation__1rajo3pk: horizontal) {
+    .checkbox_checkboxClassNames_group_group__1rajo3pu {
+      flex-direction: row;
+    }
+  }
+  @container style(--orientation__1rajo3pk: vertical) {
+    .checkbox_checkboxClassNames_group_group__1rajo3pu {
+      flex-direction: column;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--dimension__1rajo3p6);
+    height: var(--dimension__1rajo3p6);
+    color: var(--indicator__1rajo3p5, currentcolor);
+    border: 1px solid var(--border__1rajo3p2, transparent);
+    border-radius: var(--sm__ljimwq3d);
+    background: var(--background__1rajo3p3, none);
+  }
+}

package/dist/assets/src/components/chip/chip.css.ts.vanilla-CsGhxrlu.css

@@ -0,0 +1,62 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .chip_chipClassNames_list__1t8hj09j {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--list-gap__1t8hj094);
+  }
+  .chip_chipClassNames_container__1t8hj09k {
+    container-name: chip_chipContainer__1t8hj090;
+    display: contents;
+  }
+  .chip_chipClassNames_chip__1t8hj09l {
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--border__1t8hj092, transparent);
+    border-radius: var(--round__ljimwq3g);
+    background: var(--background__1t8hj091, none);
+    color: var(--color__1t8hj093, currentcolor);
+    overflow: hidden;
+  }
+  .chip_chipClassNames_label__1t8hj09m {
+    display: flex;
+    gap: var(--chip-gap__1t8hj095);
+    padding: var(--chip-y__1t8hj097) var(--chip-x__1t8hj096);
+    border: none;
+    background: none;
+    color: currentcolor;
+  }
+  .chip_chipClassNames_remove__1t8hj09n {
+    padding: var(--chip-y__1t8hj097);
+    border: none;
+    background: none;
+    cursor: pointer;
+    color: currentcolor;
+  }
+  @container style(--allowsRemoving__1t8hj09a: true) {
+    .chip_chipClassNames_label__1t8hj09m {
+      padding-right: var(--chip-y__1t8hj097);
+    }
+  }
+  @container (style(--selectionMode__1t8hj09c: single) or style(--selectionMode__1t8hj09c: multiple)) {
+    .chip_chipClassNames_label__1t8hj09m {
+      cursor: pointer;
+    }
+  }
+  @container style(--isDisabled__1t8hj09d: true) {
+    .chip_chipClassNames_label__1t8hj09m {
+      cursor: not-allowed;
+    }
+    .chip_chipClassNames_remove__1t8hj09n {
+      cursor: not-allowed;
+    }
+  }
+  @container style(--isFocused__1t8hj09e: true) or style(--isFocusVisible__1t8hj09f: true) {
+    .chip_chipClassNames_remove__1t8hj09n {
+      outline: none;
+    }
+  }
+}

package/dist/assets/src/components/combo-box/combo-box.css.ts.vanilla-BNEPKjPm.css

@@ -0,0 +1,66 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .combo-box_comboBoxClassNames_container__12tc9p8a {
+    container-name: combo-box_comboBoxContainer__12tc9p80;
+    display: contents;
+  }
+  .combo-box_comboBoxClassNames_comboBox__12tc9p8b {
+    width: fit-content;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .combo-box_comboBoxClassNames_label__12tc9p8c {
+    color: var(--color__6yc0ri3);
+  }
+  .combo-box_comboBoxClassNames_group__12tc9p8d {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: var(--y__12tc9p84, 0) var(--x__12tc9p83, 0);
+  }
+  .combo-box_comboBoxClassNames_description__12tc9p8h {
+    color: var(--description-color__12tc9p81);
+  }
+  .combo-box_comboBoxClassNames_error__12tc9p8i {
+    color: var(--error-color__12tc9p82);
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    border: 1px solid var(--border__6yc0ri2, transparent);
+    border-radius: var(--md__ljimwq3e);
+    background: var(--background__6yc0ri1);
+    color: var(--color__6yc0ri3);
+  }
+  .combo-box_comboBoxClassNames_input_sizer__12tc9p8e:has(:focus-visible)::before {
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, Highlight);
+    outline: var(--width__ljimwq5f) var(--style__ljimwq5g) var(--color__ljimwq5h, -webkit-focus-ring-color);
+    outline-offset: var(--offset__ljimwq5e);
+  }
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f {
+    position: relative;
+    padding: 0;
+    border: none;
+    background: none;
+  }
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-cancel-button, .combo-box_comboBoxClassNames_input_input__12tc9p8f::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  .combo-box_comboBoxClassNames_input_input__12tc9p8f:focus-visible {
+    outline: none;
+  }
+  .combo-box_comboBoxClassNames_toggle_button__12tc9p8g {
+    position: relative;
+    padding: 0;
+    background: none;
+  }
+}

package/dist/assets/src/components/dialog/dialog.css.ts.vanilla-CG0m-NJD.css

@@ -0,0 +1,51 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+.dialog_dialogClassNames_modal__8ms59zk {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: var(--dialog__ljimwq5a);
+  transform: translate(-50%, -50%);
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .dialog_header__8ms59zg {
+    margin-bottom: calc(var(--gap-header-after__8ms59z7) - var(--gap-default__8ms59z6));
+  }
+  .dialog_content__8ms59zh {
+    color: var(--content-color__8ms59z2);
+  }
+  .dialog_dialogClassNames_portal__8ms59zi {
+    display: contents;
+  }
+  .dialog_dialogClassNames_container__8ms59zj {
+    container-name: dialog_dialogContainer__8ms59z0;
+    display: contents;
+  }
+  .dialog_dialogClassNames_container__8ms59zj::before {
+    content: "";
+    width: 100%;
+    height: var(--visual-viewport-height);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: var(--dialog__ljimwq5a);
+    background: var(--overlay__8ms59z1);
+  }
+  .dialog_dialogClassNames_dialog__8ms59zl {
+    width: var(--width__8ms59z3, 300px);
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-default__8ms59z6);
+    padding: var(--y__8ms59z5, 0) var(--x__8ms59z4, 0);
+    border-radius: var(--md__ljimwq3e);
+  }
+  .dialog_dialogClassNames_footer__8ms59zm {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: calc(var(--gap-footer-before__8ms59z9) - var(--gap-default__8ms59z6));
+  }
+}
+@container style(--isGlobal__8ms59ze: false) {
+  .dialog_dialogClassNames_modal__8ms59zk {
+    position: absolute;
+  }
+}

package/dist/assets/src/components/drawer/drawer.css.ts.vanilla-DEfHnoNS.css

@@ -0,0 +1,135 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .drawer_drawerClassNames_container__3hvldbh {
+    container-name: drawer_drawerContainer__3hvldb0;
+    display: contents;
+  }
+  .drawer_drawerClassNames_dialog_container__3hvldbk {
+    height: 100%;
+  }
+  .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+    width: var(--drawer-width__3hvldb6);
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--drawer-gap__3hvldb7);
+    padding: var(--drawer-y__3hvldb9, 0) var(--drawer-x__3hvldb8, 0);
+  }
+  .drawer_drawerClassNames_header_header__3hvldbm {
+    display: grid;
+    grid-template-areas: "back title close";
+    grid-template-columns: auto 1fr auto;
+    gap: var(--drawer-gap__3hvldb7);
+    align-items: center;
+  }
+  .drawer_drawerClassNames_header_title__3hvldbo {
+    margin-bottom: 0;
+  }
+  .drawer_drawerClassNames_content__3hvldbq {
+    flex: 1;
+  }
+  .drawer_drawerClassNames_footer__3hvldbr {
+    display: flex;
+    justify-content: flex-end;
+  }
+  @container style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: var(--drawer-width__3hvldb6);
+      position: absolute;
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+      overflow: hidden;
+      pointer-events: none;
+    }
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+      pointer-events: auto;
+    }
+  }
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      left: 0;
+    }
+  }
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      right: 0;
+    }
+  }
+  @container style(--layoutShift__3hvldbd: true) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: 0;
+      overflow: hidden;
+      transition: width var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+    }
+  }
+  @container style(--layoutShift__3hvldbd: true) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_dialog_container__3hvldbk {
+      width: var(--drawer-width__3hvldb6);
+    }
+  }
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transform: translateX(-100%);
+    }
+  }
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: false) {
+    .drawer_drawerClassNames_dialog_dialog__3hvldbl {
+      transform: translateX(100%);
+    }
+  }
+  @container style(--isChild__3hvldbg: false) {
+    .drawer_drawerClassNames_header_title__3hvldbo {
+      grid-area: back title;
+    }
+  }
+  @container style(--isChild__3hvldbg: true) {
+    .drawer_drawerClassNames_header_title__3hvldbo {
+      grid-area: title;
+      text-align: center;
+    }
+  }
+}
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb {
+  .drawer_drawerClassNames_tabs_tabs__3hvldbi {
+    height: 100%;
+    display: block;
+    position: relative;
+  }
+  .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+    position: absolute;
+    top: var(--list-top__3hvldba);
+    transform: translateY(var(--list-translateY__3hvldbb, 0));
+  }
+  .drawer_drawerClassNames_header_back_container__3hvldbn {
+    grid-area: back;
+  }
+  .drawer_drawerClassNames_header_close_container__3hvldbp {
+    grid-area: close;
+  }
+  @container style(--anchor__3hvldbc: left) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      left: 100%;
+    }
+  }
+  @container style(--anchor__3hvldbc: right) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      right: 100%;
+    }
+  }
+  @container style(--layoutShift__3hvldbd: false) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transition: transform var(--duration__3hvldb2, 0ms) var(--easing__3hvldb3, linear) var(--delay__3hvldb1, 0ms);
+    }
+  }
+  @container style(--anchor__3hvldbc: left) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transform: translateX(var(--drawer-width__3hvldb6)) translateY(var(--list-translateY__3hvldbb, 0));
+    }
+  }
+  @container style(--anchor__3hvldbc: right) and style(--layoutShift__3hvldbd: false) and style(--isOpen__3hvldbf: true) {
+    .drawer_drawerClassNames_tabs_list_list__3hvldbj {
+      transform: translateX(calc(var(--drawer-width__3hvldb6) * -1)) translateY(var(--list-translateY__3hvldbb, 0));
+    }
+  }
+}

package/dist/assets/src/components/group/group.css.ts.vanilla-DR69xgQy.css

@@ -0,0 +1,33 @@
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja;
+@layer layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja {
+  .group_groupClassNames_container__eq8x6h8 {
+    container-name: group_groupContainer__eq8x6h0;
+    display: contents;
+  }
+  .group_groupClassNames_group__eq8x6h9 {
+    width: fit-content;
+    display: flex;
+    gap: var(--gap__eq8x6h1);
+    padding: var(--y__eq8x6h3, 0) var(--x__eq8x6h2, 0);
+  }
+  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: false) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: row;
+    }
+  }
+  @container style(--orientation__eq8x6h5: horizontal) and style(--reverse__eq8x6h6: true) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: row-reverse;
+    }
+  }
+  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: false) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: column;
+    }
+  }
+  @container style(--orientation__eq8x6h5: vertical) and style(--reverse__eq8x6h6: true) {
+    .group_groupClassNames_group__eq8x6h9 {
+      flex-direction: column-reverse;
+    }
+  }
+}