npm - @boostdev/design-system-components - Versions diffs - 0.1.16 → 0.1.18 - Mend

@boostdev/design-system-components 0.1.16 → 0.1.18

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 (28) hide show

package/AGENTS.md +4 -4
package/README.md +50 -1
package/dist/client.cjs +202 -115
package/dist/client.css +516 -425
package/dist/client.d.cts +20 -1
package/dist/client.d.ts +20 -1
package/dist/client.js +201 -115
package/dist/index.cjs +202 -115
package/dist/index.css +516 -425
package/dist/index.d.cts +20 -1
package/dist/index.d.ts +20 -1
package/dist/index.js +201 -115
package/package.json +1 -1
package/src/components/interaction/Command/Command.mdx +1 -0
package/src/components/interaction/Command/Command.spec.tsx +18 -0
package/src/components/interaction/Command/Command.tsx +5 -0
package/src/components/interaction/Dialog/Dialog.spec.tsx +18 -0
package/src/components/interaction/Drawer/Drawer.module.css +2 -0
package/src/components/interaction/Drawer/Drawer.spec.tsx +18 -0
package/src/components/interaction/Drawer/Drawer.tsx +5 -0
package/src/components/interaction/form/SegmentedControl/SegmentedControl.mdx +64 -0
package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +99 -0
package/src/components/interaction/form/SegmentedControl/SegmentedControl.spec.tsx +87 -0
package/src/components/interaction/form/SegmentedControl/SegmentedControl.stories.tsx +110 -0
package/src/components/interaction/form/SegmentedControl/SegmentedControl.tsx +89 -0
package/src/components/interaction/form/SegmentedControl/index.ts +2 -0
package/src/index.ts +2 -0
package/src/stories/Introduction.mdx +4 -3

package/dist/client.css CHANGED Viewed

@@ -1,22 +1,22 @@
 /* src/components/ui/Accordion/Accordion.module.css */
 @layer component {
-  .bds0116Accordion-accordion {
+  .bds0118Accordion-accordion {
     display: flex;
     flex-direction: column;
     border: 1px solid var(--color_bg--subtle);
     border-radius: var(--border_radius--s);
     overflow: hidden;
   }
-  .bds0116Accordion-item {
+  .bds0118Accordion-item {
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds0116Accordion-item:last-child {
+  .bds0118Accordion-item:last-child {
     border-bottom: none;
   }
-  .bds0116Accordion-heading {
+  .bds0118Accordion-heading {
     margin: 0;
   }
-  .bds0116Accordion-trigger {
+  .bds0118Accordion-trigger {
     all: unset;
     display: flex;
     align-items: center;
@@ -31,44 +31,44 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0116Accordion-trigger:disabled {
+  .bds0118Accordion-trigger:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0116Accordion-trigger:focus-visible {
+  .bds0118Accordion-trigger:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Accordion-trigger:not(:disabled):hover {
+    .bds0118Accordion-trigger:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0116Accordion-triggerLabel {
+  .bds0118Accordion-triggerLabel {
     flex: 1;
     text-align: start;
   }
-  .bds0116Accordion-chevron {
+  .bds0118Accordion-chevron {
     width: 1.25rem;
     height: 1.25rem;
     flex-shrink: 0;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116Accordion-item.bds0116Accordion---open .bds0116Accordion-chevron {
+  .bds0118Accordion-item.bds0118Accordion---open .bds0118Accordion-chevron {
     transform: rotate(180deg);
   }
-  .bds0116Accordion-panel {
+  .bds0118Accordion-panel {
     overflow: hidden;
   }
-  .bds0116Accordion-panelContent {
+  .bds0118Accordion-panelContent {
     padding: 0 var(--space_m) var(--space_m);
     color: var(--color_on-bg);
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Accordion-chevron {
+    .bds0118Accordion-chevron {
       transition: none;
     }
   }
@@ -76,7 +76,7 @@
 /* src/components/ui/Alert/Alert.module.css */
 @layer component {
-  .bds0116Alert-alert {
+  .bds0118Alert-alert {
     display: flex;
     align-items: flex-start;
     gap: var(--space_s);
@@ -88,43 +88,43 @@
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds0116Alert---variant_info {
+  .bds0118Alert---variant_info {
     --alert_bg: var(--color_blue--subtle);
     --alert_text: var(--color_on-blue--subtle);
     --alert_border: var(--color_blue);
   }
-  .bds0116Alert---variant_success {
+  .bds0118Alert---variant_success {
     --alert_bg: var(--color_success--subtle);
     --alert_text: var(--color_on-success--subtle);
     --alert_border: var(--color_success);
   }
-  .bds0116Alert---variant_warning {
+  .bds0118Alert---variant_warning {
     --alert_bg: var(--color_orange--subtle);
     --alert_text: var(--color_on-orange--subtle);
     --alert_border: var(--color_warning);
   }
-  .bds0116Alert---variant_error {
+  .bds0118Alert---variant_error {
     --alert_bg: rgb(from var(--color_error) r g b / 12%);
     --alert_text: var(--color_on-bg);
     --alert_border: var(--color_error);
   }
-  .bds0116Alert-icon {
+  .bds0118Alert-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     margin-block-start: 0.1em;
   }
-  .bds0116Alert-content {
+  .bds0118Alert-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0116Alert-title {
+  .bds0118Alert-title {
     font-weight: var(--font_weight--semibold);
     font-size: var(--font_size--body);
   }
-  .bds0116Alert-dismiss {
+  .bds0118Alert-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -136,16 +136,16 @@
     border: 1px solid currentcolor;
     border-radius: 50%;
   }
-  .bds0116Alert-dismiss svg {
+  .bds0118Alert-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116Alert-dismiss:focus-visible {
+  .bds0118Alert-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Alert-dismiss:hover {
+    .bds0118Alert-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -153,7 +153,7 @@
 /* src/components/ui/Avatar/Avatar.module.css */
 @layer component {
-  .bds0116Avatar-avatar {
+  .bds0118Avatar-avatar {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -163,42 +163,42 @@
     overflow: hidden;
     flex-shrink: 0;
   }
-  .bds0116Avatar-avatar.bds0116Avatar---fallback {
+  .bds0118Avatar-avatar.bds0118Avatar---fallback {
     background-color: var(--avatar_bg, var(--color_blue));
     color: var(--avatar_text, var(--color_on-blue));
     font-weight: var(--font_weight--semibold);
   }
-  .bds0116Avatar-avatar.bds0116Avatar---size_small {
+  .bds0118Avatar-avatar.bds0118Avatar---size_small {
     --avatar_size: 2em;
   }
-  .bds0116Avatar-avatar.bds0116Avatar---size_medium {
+  .bds0118Avatar-avatar.bds0118Avatar---size_medium {
     --avatar_size: 3em;
   }
-  .bds0116Avatar-avatar.bds0116Avatar---size_large {
+  .bds0118Avatar-avatar.bds0118Avatar---size_large {
     --avatar_size: 4.5em;
   }
-  .bds0116Avatar-image {
+  .bds0118Avatar-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
-  .bds0116Avatar-initials {
+  .bds0118Avatar-initials {
     line-height: 1;
     user-select: none;
     font-size: var(--font_size--body);
   }
-  .bds0116Avatar-avatar.bds0116Avatar---size_small .bds0116Avatar-initials {
+  .bds0118Avatar-avatar.bds0118Avatar---size_small .bds0118Avatar-initials {
     font-size: var(--font_size--body--s);
   }
-  .bds0116Avatar-avatar.bds0116Avatar---size_large .bds0116Avatar-initials {
+  .bds0118Avatar-avatar.bds0118Avatar---size_large .bds0118Avatar-initials {
     font-size: var(--font_size--heading-3);
   }
 }
 /* src/components/ui/Badge/Badge.module.css */
 @layer component {
-  .bds0116Badge-badge {
+  .bds0118Badge-badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -211,23 +211,23 @@
     background-color: var(--badge_bg, var(--color_blue));
     color: var(--badge_text, var(--color_on-blue));
   }
-  .bds0116Badge---variant_primary {
+  .bds0118Badge---variant_primary {
     --badge_bg: var(--color_interactive);
     --badge_text: var(--color_on-interactive);
   }
-  .bds0116Badge---variant_secondary {
+  .bds0118Badge---variant_secondary {
     --badge_bg: var(--color_bg);
     --badge_text: var(--color_on-bg);
   }
-  .bds0116Badge---variant_success {
+  .bds0118Badge---variant_success {
     --badge_bg: var(--color_success);
     --badge_text: var(--color_on-success);
   }
-  .bds0116Badge---variant_error {
+  .bds0118Badge---variant_error {
     --badge_bg: var(--color_error);
     --badge_text: var(--color_on-error);
   }
-  .bds0116Badge---variant_warning {
+  .bds0118Badge---variant_warning {
     --badge_bg: var(--color_warning);
     --badge_text: var(--color_on-warning);
   }
@@ -235,10 +235,10 @@
 /* src/components/ui/Breadcrumb/Breadcrumb.module.css */
 @layer component {
-  .bds0116Breadcrumb-breadcrumb {
+  .bds0118Breadcrumb-breadcrumb {
     font-size: var(--font_size--body--s);
   }
-  .bds0116Breadcrumb-list {
+  .bds0118Breadcrumb-list {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -247,32 +247,32 @@
     margin: 0;
     padding: 0;
   }
-  .bds0116Breadcrumb-item {
+  .bds0118Breadcrumb-item {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
   }
-  .bds0116Breadcrumb-link {
+  .bds0118Breadcrumb-link {
     color: var(--color_interactive);
     text-decoration: none;
     transition: var(--animation_transition);
   }
-  .bds0116Breadcrumb-link:focus-visible {
+  .bds0118Breadcrumb-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Breadcrumb-link:hover {
+    .bds0118Breadcrumb-link:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds0116Breadcrumb-separator {
+  .bds0118Breadcrumb-separator {
     color: var(--color_on-bg--subtle);
     user-select: none;
   }
-  .bds0116Breadcrumb-current {
+  .bds0118Breadcrumb-current {
     color: var(--color_on-bg--subtle);
     font-weight: var(--font_weight--semibold);
   }
@@ -280,12 +280,12 @@
 /* src/components/ui/Collapsible/Collapsible.module.css */
 @layer component {
-  .bds0116Collapsible-collapsible {
+  .bds0118Collapsible-collapsible {
     border: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
     border-radius: var(--collapsible_border-radius, var(--border_radius--m));
     overflow: hidden;
   }
-  .bds0116Collapsible-summary {
+  .bds0118Collapsible-summary {
     list-style: none;
     display: flex;
     align-items: center;
@@ -300,25 +300,25 @@
     user-select: none;
     transition: var(--animation_transition);
   }
-  .bds0116Collapsible-summary::-webkit-details-marker {
+  .bds0118Collapsible-summary::-webkit-details-marker {
     display: none;
   }
-  .bds0116Collapsible-summary:focus-visible {
+  .bds0118Collapsible-summary:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Collapsible-summary:hover {
+    .bds0118Collapsible-summary:hover {
       background-color: var(--collapsible_bg--hover, var(--color_bg--subtle));
     }
   }
-  .bds0116Collapsible-collapsible[open] > .bds0116Collapsible-summary {
+  .bds0118Collapsible-collapsible[open] > .bds0118Collapsible-summary {
     border-block-end: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
   }
-  .bds0116Collapsible-summaryContent {
+  .bds0118Collapsible-summaryContent {
     flex: 1;
   }
-  .bds0116Collapsible-icon {
+  .bds0118Collapsible-icon {
     width: 0.5rem;
     height: 0.5rem;
     border-right: 2px solid currentcolor;
@@ -327,17 +327,17 @@
     flex-shrink: 0;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116Collapsible-collapsible[open] > .bds0116Collapsible-summary .bds0116Collapsible-icon {
+  .bds0118Collapsible-collapsible[open] > .bds0118Collapsible-summary .bds0118Collapsible-icon {
     transform: rotate(-135deg);
   }
-  .bds0116Collapsible-content {
+  .bds0118Collapsible-content {
     padding: var(--space_m);
     color: var(--collapsible_on-color, var(--color_on-bg));
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Collapsible-icon {
+    .bds0118Collapsible-icon {
       transition: none;
     }
   }
@@ -345,7 +345,7 @@
 /* src/components/ui/Calendar/Calendar.module.css */
 @layer component {
-  .bds0116Calendar-calendar {
+  .bds0118Calendar-calendar {
     display: inline-flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -356,17 +356,17 @@
     box-shadow: var(--shadow_s);
     width: 20rem;
   }
-  .bds0116Calendar-header {
+  .bds0118Calendar-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
-  .bds0116Calendar-monthYear {
+  .bds0118Calendar-monthYear {
     font-size: var(--font_size--body);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0116Calendar-navBtn {
+  .bds0118Calendar-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -378,35 +378,35 @@
     color: var(--color_on-bg);
     transition: var(--animation_transition);
   }
-  .bds0116Calendar-navBtn svg {
+  .bds0118Calendar-navBtn svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116Calendar-navBtn:focus-visible {
+  .bds0118Calendar-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Calendar-navBtn:hover {
+    .bds0118Calendar-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0116Calendar-grid {
+  .bds0118Calendar-grid {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
   }
-  .bds0116Calendar-weekday {
+  .bds0118Calendar-weekday {
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg--muted);
     text-align: center;
     padding-block-end: var(--space_xs);
   }
-  .bds0116Calendar-empty {
+  .bds0118Calendar-empty {
     padding: 0;
   }
-  .bds0116Calendar-day {
+  .bds0118Calendar-day {
     all: unset;
     display: flex;
     align-items: center;
@@ -420,30 +420,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0116Calendar-day:focus-visible {
+  .bds0118Calendar-day:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Calendar-day:not(.bds0116Calendar-disabled, .bds0116Calendar-selected):hover {
+    .bds0118Calendar-day:not(.bds0118Calendar-disabled, .bds0118Calendar-selected):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0116Calendar-today {
+  .bds0118Calendar-today {
     border: 2px solid var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0116Calendar-selected {
+  .bds0118Calendar-selected {
     background-color: var(--color_interactive);
     color: var(--color_on-interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0116Calendar-disabled {
+  .bds0118Calendar-disabled {
     opacity: 0.35;
     cursor: not-allowed;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Calendar-day {
+    .bds0118Calendar-day {
       transition: none;
     }
   }
@@ -451,13 +451,13 @@
 /* src/components/ui/Carousel/Carousel.module.css */
 @layer component {
-  .bds0116Carousel-carousel {
+  .bds0118Carousel-carousel {
     position: relative;
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds0116Carousel-track {
+  .bds0118Carousel-track {
     display: flex;
     gap: var(--space_m);
     overflow-x: auto;
@@ -466,14 +466,14 @@
     flex: 1;
     scroll-behavior: smooth;
   }
-  .bds0116Carousel-track::-webkit-scrollbar {
+  .bds0118Carousel-track::-webkit-scrollbar {
     display: none;
   }
-  .bds0116Carousel-slide {
+  .bds0118Carousel-slide {
     scroll-snap-align: start;
     flex-shrink: 0;
   }
-  .bds0116Carousel-navBtn {
+  .bds0118Carousel-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -489,21 +489,21 @@
     transition: var(--animation_transition);
     box-shadow: var(--shadow_s);
   }
-  .bds0116Carousel-navBtn svg {
+  .bds0118Carousel-navBtn svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds0116Carousel-navBtn:focus-visible {
+  .bds0118Carousel-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Carousel-navBtn:hover {
+    .bds0118Carousel-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Carousel-track {
+    .bds0118Carousel-track {
       scroll-behavior: auto;
     }
   }
@@ -511,7 +511,7 @@
 /* src/components/ui/DescriptionList/DescriptionList.module.css */
 @layer component {
-  .bds0116DescriptionList-list {
+  .bds0118DescriptionList-list {
     display: flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -520,61 +520,61 @@
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds0116DescriptionList-group {
+  .bds0118DescriptionList-group {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0116DescriptionList-term {
+  .bds0118DescriptionList-term {
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0116DescriptionList-details {
+  .bds0118DescriptionList-details {
     margin: 0;
     color: var(--color_on-bg--muted);
   }
-  .bds0116DescriptionList---layout_inline .bds0116DescriptionList-group {
+  .bds0118DescriptionList---layout_inline .bds0118DescriptionList-group {
     display: grid;
     grid-template-columns: minmax(8rem, 1fr) 2fr;
     gap: var(--space_xs);
     align-items: baseline;
   }
-  .bds0116DescriptionList---layout_inline .bds0116DescriptionList-term {
+  .bds0118DescriptionList---layout_inline .bds0118DescriptionList-term {
     grid-column: 1;
   }
-  .bds0116DescriptionList---layout_inline .bds0116DescriptionList-details {
+  .bds0118DescriptionList---layout_inline .bds0118DescriptionList-details {
     grid-column: 2;
   }
 }
 /* src/components/ui/Link/Link.module.css */
 @layer component {
-  .bds0116Link-link {
+  .bds0118Link-link {
     color: var(--link_color, var(--color_interactive));
     text-decoration: underline;
     text-underline-offset: 0.2em;
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds0116Link-link:focus-visible {
+  .bds0118Link-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Link-link:hover {
+    .bds0118Link-link:hover {
       --link_color: var(--link_color-hover, var(--color_blue--strong));
     }
   }
-  .bds0116Link---variant_default {
+  .bds0118Link---variant_default {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
   }
-  .bds0116Link---variant_subtle {
+  .bds0118Link---variant_subtle {
     --link_color: var(--color_on-bg);
     --link_color-hover: var(--color_interactive);
   }
-  .bds0116Link---variant_standalone {
+  .bds0118Link---variant_standalone {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
     display: inline-flex;
@@ -584,12 +584,12 @@
     text-decoration: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Link---variant_standalone:hover {
+    .bds0118Link---variant_standalone:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds0116Link-externalLabel {
+  .bds0118Link-externalLabel {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -604,12 +604,12 @@
 /* src/components/ui/Loading/Loading.module.css */
 @layer component {
-  .bds0116Loading-loading {
+  .bds0118Loading-loading {
     display: flex;
     justify-content: center;
     align-items: center;
   }
-  .bds0116Loading-spinner {
+  .bds0118Loading-spinner {
     width: 2.5em;
     height: 2.5em;
     border: 4px solid var(--color_bg);
@@ -617,12 +617,12 @@
     border-radius: 50%;
     animation: spin 1s linear infinite;
   }
-  .bds0116Loading---size_small .bds0116Loading-spinner {
+  .bds0118Loading---size_small .bds0118Loading-spinner {
     width: 1.5em;
     height: 1.5em;
     border-width: 2px;
   }
-  .bds0116Loading---size_large .bds0116Loading-spinner {
+  .bds0118Loading---size_large .bds0118Loading-spinner {
     width: 4em;
     height: 4em;
     border-width: 6px;
@@ -639,7 +639,7 @@
 /* src/components/ui/NotificationBanner/NotificationBanner.module.css */
 @layer component {
-  .bds0116NotificationBanner-banner {
+  .bds0118NotificationBanner-banner {
     display: flex;
     align-items: center;
     gap: var(--space_m);
@@ -651,33 +651,33 @@
     line-height: var(--font_line-height--body);
     width: 100%;
   }
-  .bds0116NotificationBanner---variant_info {
+  .bds0118NotificationBanner---variant_info {
     --banner_bg: var(--color_blue--subtle);
     --banner_text: var(--color_on-blue--subtle);
     --banner_border: var(--color_blue);
   }
-  .bds0116NotificationBanner---variant_success {
+  .bds0118NotificationBanner---variant_success {
     --banner_bg: var(--color_success--subtle);
     --banner_text: var(--color_on-success--subtle);
     --banner_border: var(--color_success);
   }
-  .bds0116NotificationBanner---variant_warning {
+  .bds0118NotificationBanner---variant_warning {
     --banner_bg: var(--color_orange--subtle);
     --banner_text: var(--color_on-orange--subtle);
     --banner_border: var(--color_warning);
   }
-  .bds0116NotificationBanner---variant_error {
+  .bds0118NotificationBanner---variant_error {
     --banner_bg: rgb(from var(--color_error) r g b / 12%);
     --banner_text: var(--color_on-bg);
     --banner_border: var(--color_error);
   }
-  .bds0116NotificationBanner-content {
+  .bds0118NotificationBanner-content {
     flex: 1;
   }
-  .bds0116NotificationBanner-action {
+  .bds0118NotificationBanner-action {
     flex-shrink: 0;
   }
-  .bds0116NotificationBanner-dismiss {
+  .bds0118NotificationBanner-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -689,16 +689,16 @@
     border: 1px solid currentcolor;
     transition: var(--animation_transition);
   }
-  .bds0116NotificationBanner-dismiss svg {
+  .bds0118NotificationBanner-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116NotificationBanner-dismiss:focus-visible {
+  .bds0118NotificationBanner-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116NotificationBanner-dismiss:hover {
+    .bds0118NotificationBanner-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -706,11 +706,11 @@
 /* src/components/ui/Pagination/Pagination.module.css */
 @layer component {
-  .bds0116Pagination-pagination {
+  .bds0118Pagination-pagination {
     display: flex;
     justify-content: center;
   }
-  .bds0116Pagination-list {
+  .bds0118Pagination-list {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
@@ -718,7 +718,7 @@
     margin: 0;
     padding: 0;
   }
-  .bds0116Pagination-button {
+  .bds0118Pagination-button {
     all: unset;
     display: inline-flex;
     align-items: center;
@@ -737,30 +737,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0116Pagination-button:disabled {
+  .bds0118Pagination-button:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0116Pagination-button:focus-visible {
+  .bds0118Pagination-button:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Pagination-button:not(:disabled, .bds0116Pagination---active):hover {
+    .bds0118Pagination-button:not(:disabled, .bds0118Pagination---active):hover {
       --btn_bg: var(--color_bg--subtle);
       --btn_color: var(--color_interactive);
     }
   }
-  .bds0116Pagination-button.bds0116Pagination---active {
+  .bds0118Pagination-button.bds0118Pagination---active {
     --btn_bg: var(--color_interactive);
     --btn_color: var(--color_on-interactive);
     --btn_border: var(--color_interactive);
   }
-  .bds0116Pagination-button.bds0116Pagination---nav svg {
+  .bds0118Pagination-button.bds0118Pagination---nav svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116Pagination-ellipsis {
+  .bds0118Pagination-ellipsis {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -774,46 +774,46 @@
 /* src/components/ui/Progress/Progress.module.css */
 @layer component {
-  .bds0116Progress-container {
+  .bds0118Progress-container {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
     width: 100%;
   }
-  .bds0116Progress-labelRow {
+  .bds0118Progress-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg);
   }
-  .bds0116Progress-value {
+  .bds0118Progress-value {
     font-variant-numeric: tabular-nums;
   }
-  .bds0116Progress-track {
+  .bds0118Progress-track {
     width: 100%;
     height: var(--progress_height, var(--space_xs));
     background-color: var(--color_bg--subtle);
     border-radius: 999px;
     overflow: hidden;
   }
-  .bds0116Progress-track.bds0116Progress---size_small {
+  .bds0118Progress-track.bds0118Progress---size_small {
     --progress_height: var(--space_xxs);
   }
-  .bds0116Progress-track.bds0116Progress---size_medium {
+  .bds0118Progress-track.bds0118Progress---size_medium {
     --progress_height: var(--space_xs);
   }
-  .bds0116Progress-track.bds0116Progress---size_large {
+  .bds0118Progress-track.bds0118Progress---size_large {
     --progress_height: var(--space_s);
   }
-  .bds0116Progress-fill {
+  .bds0118Progress-fill {
     height: 100%;
     background-color: var(--progress_color-active, var(--color_active));
     border-radius: 999px;
     transition: width var(--animation_transition-duration) var(--animation_easing);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Progress-fill {
+    .bds0118Progress-fill {
       transition: none;
     }
   }
@@ -821,23 +821,23 @@
 /* src/components/ui/ProgressCircle/ProgressCircle.module.css */
 @layer component {
-  .bds0116ProgressCircle-wrapper {
+  .bds0118ProgressCircle-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }
-  .bds0116ProgressCircle-svg {
+  .bds0118ProgressCircle-svg {
     display: block;
   }
-  .bds0116ProgressCircle-track {
+  .bds0118ProgressCircle-track {
     stroke: var(--color_bg--subtle);
   }
-  .bds0116ProgressCircle-fill {
+  .bds0118ProgressCircle-fill {
     stroke: var(--progressCircle_color-active, var(--color_active));
     transition: stroke-dashoffset var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116ProgressCircle-value {
+  .bds0118ProgressCircle-value {
     position: absolute;
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -845,17 +845,17 @@
     color: var(--color_on-bg);
     line-height: 1;
   }
-  .bds0116ProgressCircle---size_small .bds0116ProgressCircle-value {
+  .bds0118ProgressCircle---size_small .bds0118ProgressCircle-value {
     font-size: 0.5rem;
   }
-  .bds0116ProgressCircle---size_medium .bds0116ProgressCircle-value {
+  .bds0118ProgressCircle---size_medium .bds0118ProgressCircle-value {
     font-size: var(--font_size--body--s);
   }
-  .bds0116ProgressCircle---size_large .bds0116ProgressCircle-value {
+  .bds0118ProgressCircle---size_large .bds0118ProgressCircle-value {
     font-size: var(--font_size--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116ProgressCircle-fill {
+    .bds0118ProgressCircle-fill {
       transition: none;
     }
   }
@@ -863,16 +863,16 @@
 /* src/components/ui/Separator/Separator.module.css */
 @layer component {
-  .bds0116Separator-separator {
+  .bds0118Separator-separator {
     border: none;
     background-color: var(--separator_color, var(--color_on-bg));
   }
-  .bds0116Separator-separator.bds0116Separator---horizontal {
+  .bds0118Separator-separator.bds0118Separator---horizontal {
     display: block;
     width: 100%;
     height: var(--separator_thickness, 1px);
   }
-  .bds0116Separator-separator.bds0116Separator---vertical {
+  .bds0118Separator-separator.bds0118Separator---vertical {
     display: inline-block;
     width: var(--separator_thickness, 1px);
     align-self: stretch;
@@ -881,7 +881,7 @@
 /* src/components/ui/Skeleton/Skeleton.module.css */
 @layer component {
-  .bds0116Skeleton-skeleton {
+  .bds0118Skeleton-skeleton {
     background:
       linear-gradient(
         90deg,
@@ -905,7 +905,7 @@
 /* src/components/ui/SkipLink/SkipLink.module.css */
 @layer component {
-  .bds0116SkipLink-skipLink {
+  .bds0118SkipLink-skipLink {
     position: absolute;
     inset-block-start: var(--space_s);
     inset-inline-start: var(--space_s);
@@ -921,13 +921,13 @@
     transform: translateY(-200%);
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116SkipLink-skipLink:focus-visible {
+  .bds0118SkipLink-skipLink:focus-visible {
     transform: translateY(0);
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116SkipLink-skipLink {
+    .bds0118SkipLink-skipLink {
       transition: none;
     }
   }
@@ -935,29 +935,29 @@
 /* src/components/ui/Table/Table.module.css */
 @layer component {
-  .bds0116Table-wrapper {
+  .bds0118Table-wrapper {
     width: 100%;
     overflow-x: auto;
     border-radius: var(--border_radius--s);
     border: 1px solid var(--color_bg--subtle);
   }
-  .bds0116Table-table {
+  .bds0118Table-table {
     width: 100%;
     border-collapse: collapse;
     font-size: var(--font_size--body);
     font-family: var(--font_family--body);
   }
-  .bds0116Table-caption {
+  .bds0118Table-caption {
     caption-side: top;
     text-align: start;
     padding: var(--space_s) var(--space_m);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0116Table-thead {
+  .bds0118Table-thead {
     background-color: var(--color_bg--subtle);
   }
-  .bds0116Table-th {
+  .bds0118Table-th {
     padding: var(--space_s) var(--space_m);
     text-align: start;
     font-weight: var(--font_weight--semibold);
@@ -966,10 +966,10 @@
     white-space: nowrap;
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds0116Table-th.bds0116Table---sortable {
+  .bds0118Table-th.bds0118Table---sortable {
     padding: 0;
   }
-  .bds0116Table-sortButton {
+  .bds0118Table-sortButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -983,47 +983,47 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0116Table-sortButton:focus-visible {
+  .bds0118Table-sortButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Table-sortButton:hover {
+    .bds0118Table-sortButton:hover {
       color: var(--color_on-bg);
     }
   }
-  .bds0116Table-sortIcon {
+  .bds0118Table-sortIcon {
     width: 1rem;
     height: 1rem;
     opacity: 0.4;
     transition: transform var(--animation_transition-duration) var(--animation_easing), opacity var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116Table-sortIcon.bds0116Table---sort-active {
+  .bds0118Table-sortIcon.bds0118Table---sort-active {
     opacity: 1;
     color: var(--color_interactive);
   }
-  .bds0116Table-sortIcon.bds0116Table---sort-desc {
+  .bds0118Table-sortIcon.bds0118Table---sort-desc {
     transform: rotate(180deg);
   }
-  .bds0116Table-tbody .bds0116Table-tr {
+  .bds0118Table-tbody .bds0118Table-tr {
     border-bottom: 1px solid var(--color_bg--subtle);
     transition: var(--animation_transition);
   }
-  .bds0116Table-tbody .bds0116Table-tr:last-child {
+  .bds0118Table-tbody .bds0118Table-tr:last-child {
     border-bottom: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Table-tbody .bds0116Table-tr:hover {
+    .bds0118Table-tbody .bds0118Table-tr:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0116Table-td {
+  .bds0118Table-td {
     padding: var(--space_s) var(--space_m);
     color: var(--color_on-bg);
     vertical-align: middle;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Table-sortIcon {
+    .bds0118Table-sortIcon {
       transition: none;
     }
   }
@@ -1031,16 +1031,16 @@
 /* src/components/ui/Tabs/Tabs.module.css */
 @layer component {
-  .bds0116Tabs-tabs {
+  .bds0118Tabs-tabs {
     display: flex;
     flex-direction: column;
   }
-  .bds0116Tabs-tabList {
+  .bds0118Tabs-tabList {
     display: flex;
     border-bottom: 1px solid var(--color_bg--subtle);
     gap: var(--space_xxs);
   }
-  .bds0116Tabs-tab {
+  .bds0118Tabs-tab {
     all: unset;
     display: inline-flex;
     align-items: center;
@@ -1054,28 +1054,28 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0116Tabs-tab.bds0116Tabs---active {
+  .bds0118Tabs-tab.bds0118Tabs---active {
     --tab_color: var(--color_interactive);
     --tab_border-color: var(--color_interactive);
   }
-  .bds0116Tabs-tab:disabled {
+  .bds0118Tabs-tab:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0116Tabs-tab:focus-visible {
+  .bds0118Tabs-tab:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Tabs-tab:not(:disabled, .bds0116Tabs---active):hover {
+    .bds0118Tabs-tab:not(:disabled, .bds0118Tabs---active):hover {
       --tab_color: var(--color_interactive);
     }
   }
-  .bds0116Tabs-panel {
+  .bds0118Tabs-panel {
     padding-block-start: var(--space_m);
   }
-  .bds0116Tabs-panel:focus-visible {
+  .bds0118Tabs-panel:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
@@ -1083,12 +1083,12 @@
 /* src/components/ui/Tooltip/Tooltip.module.css */
 @layer component {
-  .bds0116Tooltip-wrapper {
+  .bds0118Tooltip-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
   }
-  .bds0116Tooltip-tooltip {
+  .bds0118Tooltip-tooltip {
     position: absolute;
     z-index: var(--z-index_popover);
     padding: var(--space_xxs) var(--space_xs);
@@ -1103,33 +1103,33 @@
     opacity: 0;
     transition: opacity var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116Tooltip-wrapper:hover .bds0116Tooltip-tooltip,
-  .bds0116Tooltip-wrapper:focus-within .bds0116Tooltip-tooltip {
+  .bds0118Tooltip-wrapper:hover .bds0118Tooltip-tooltip,
+  .bds0118Tooltip-wrapper:focus-within .bds0118Tooltip-tooltip {
     visibility: visible;
     opacity: 1;
   }
-  .bds0116Tooltip---placement_top {
+  .bds0118Tooltip---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds0116Tooltip---placement_bottom {
+  .bds0118Tooltip---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds0116Tooltip---placement_left {
+  .bds0118Tooltip---placement_left {
     right: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
-  .bds0116Tooltip---placement_right {
+  .bds0118Tooltip---placement_right {
     left: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Tooltip-tooltip {
+    .bds0118Tooltip-tooltip {
       transition: none;
     }
   }
@@ -1137,34 +1137,34 @@
 /* src/components/ui/Typography/Typography.module.css */
 @layer component {
-  .bds0116Typography-typography {
+  .bds0118Typography-typography {
     margin: 0;
     font-family: var(--font_family--body);
     color: var(--typography_color, var(--color_on-bg));
   }
-  .bds0116Typography---h1 {
+  .bds0118Typography---h1 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-1);
     font-weight: var(--font_weight--bold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0116Typography---h2 {
+  .bds0118Typography---h2 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-2);
     font-weight: var(--font_weight--semibold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0116Typography---h3 {
+  .bds0118Typography---h3 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-3);
     font-weight: var(--font_weight--semibold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0116Typography---body {
+  .bds0118Typography---body {
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds0116Typography---body_s {
+  .bds0118Typography---body_s {
     font-size: var(--font_size--body--s);
     line-height: var(--font_line-height--body);
   }
@@ -1186,8 +1186,8 @@
   }
 }
 @layer component {
-  .bds0116Button-button,
-  .bds0116Button-button[href] {
+  .bds0118Button-button,
+  .bds0118Button-button[href] {
     all: unset;
     position: relative;
     font: inherit;
@@ -1208,68 +1208,68 @@
     border: 2px solid var(--button_border-color, var(--color_cta));
     transition: var(--animation_transition);
   }
-  .bds0116Button-button.bds0116Button---primary {
+  .bds0118Button-button.bds0118Button---primary {
     --button_border-color: transparent;
   }
-  .bds0116Button-button.bds0116Button---secondary {
+  .bds0118Button-button.bds0118Button---secondary {
     --button_bg: var(--color_bg);
     --button_text: var(--color_on-bg);
     --button_border-color: var(--button_text);
   }
-  .bds0116Button-button.bds0116Button---size_small {
+  .bds0118Button-button.bds0118Button---size_small {
     --button_height: 2.25em;
     --button_font-size: var(--font_size--body--s);
     --button_border_radius--s: var(--border_radius--xs);
     padding-inline: var(--space_m);
   }
-  .bds0116Button-button.bds0116Button---size_medium {
+  .bds0118Button-button.bds0118Button---size_medium {
     --button_height: 3em;
     padding-inline: var(--space_l);
   }
-  .bds0116Button-button.bds0116Button---size_large {
+  .bds0118Button-button.bds0118Button---size_large {
     --button_font-size: var(--font_size--heading-3);
     padding-inline: var(--space_xl);
     --button_border_radius--s: var(--border_radius--m);
   }
-  .bds0116Button-button.bds0116Button---hasPulse {
+  .bds0118Button-button.bds0118Button---hasPulse {
     animation: pulse 3s infinite;
   }
-  .bds0116Button-button[href] {
+  .bds0118Button-button[href] {
     text-decoration: none;
   }
-  .bds0116Button-button svg {
+  .bds0118Button-button svg {
     --icon__stroke: currentcolor;
     fill: currentcolor;
     color: currentcolor;
     flex-shrink: 0;
   }
-  .bds0116Button-prefix {
+  .bds0118Button-prefix {
     display: flex;
     align-items: center;
     margin-inline-start: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
-  .bds0116Button-suffix {
+  .bds0118Button-suffix {
     display: flex;
     align-items: center;
     margin-inline-end: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Button-button:hover .bds0116Button-prefix svg {
+    .bds0118Button-button:hover .bds0118Button-prefix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
-    .bds0116Button-button:hover .bds0116Button-suffix svg {
+    .bds0118Button-button:hover .bds0118Button-suffix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
   }
-  .bds0116Button-button:focus-visible {
+  .bds0118Button-button:focus-visible {
     outline-offset: var(--outline_offset);
     outline: var(--outline_default);
     border-radius: var(--border_radius--s);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Button-button:hover {
+    .bds0118Button-button:hover {
       --button_bg: var(--color_bg);
       --button_text: var(--color_interactive);
       --button_pulse-color: var(--color_interactive);
@@ -1280,7 +1280,7 @@
 /* src/components/interaction/Command/Command.module.css */
 @layer component {
-  .bds0116Command-dialog {
+  .bds0118Command-dialog {
     padding: 0;
     border: none;
     border-radius: var(--border_radius--m);
@@ -1290,11 +1290,11 @@
     overflow: visible;
     margin-block-start: 10vh;
   }
-  .bds0116Command-dialog::backdrop {
+  .bds0118Command-dialog::backdrop {
     background-color: var(--command_backdrop-color, rgb(0 0 0 / 50%));
     backdrop-filter: blur(3px);
   }
-  .bds0116Command-palette {
+  .bds0118Command-palette {
     display: flex;
     flex-direction: column;
     background-color: var(--command_color, var(--color_bg));
@@ -1305,7 +1305,7 @@
     max-height: 70vh;
     border: 1px solid currentcolor;
   }
-  .bds0116Command-searchRow {
+  .bds0118Command-searchRow {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
@@ -1313,13 +1313,13 @@
     border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
-  .bds0116Command-searchIcon {
+  .bds0118Command-searchIcon {
     width: 1.25rem;
     height: 1.25rem;
     color: var(--color_on-bg--muted);
     flex-shrink: 0;
   }
-  .bds0116Command-search {
+  .bds0118Command-search {
     flex: 1;
     border: none;
     outline: none;
@@ -1329,10 +1329,10 @@
     background: transparent;
     min-width: 0;
   }
-  .bds0116Command-search::placeholder {
+  .bds0118Command-search::placeholder {
     color: var(--color_on-bg--muted);
   }
-  .bds0116Command-escHint {
+  .bds0118Command-escHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid currentcolor;
@@ -1340,18 +1340,18 @@
     padding: 0.1em 0.4em;
     flex-shrink: 0;
   }
-  .bds0116Command-list {
+  .bds0118Command-list {
     overflow-y: auto;
     list-style: none;
     margin: 0;
     padding: var(--space_xs) 0;
   }
-  .bds0116Command-groupList {
+  .bds0118Command-groupList {
     list-style: none;
     margin: 0;
     padding: 0;
   }
-  .bds0116Command-group {
+  .bds0118Command-group {
     padding: var(--space_xs) var(--space_m);
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -1359,7 +1359,7 @@
     text-transform: uppercase;
     letter-spacing: 0.05em;
   }
-  .bds0116Command-item {
+  .bds0118Command-item {
     display: flex;
     align-items: center;
     gap: var(--space_s);
@@ -1367,26 +1367,26 @@
     cursor: pointer;
     transition: background-color var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0116Command-itemActive {
+  .bds0118Command-itemActive {
     background-color: var(--color_bg--subtle);
   }
-  .bds0116Command-itemLabel {
+  .bds0118Command-itemLabel {
     flex: 1;
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds0116Command-itemDesc {
+  .bds0118Command-itemDesc {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds0116Command-shortcut {
+  .bds0118Command-shortcut {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid currentcolor;
     border-radius: var(--border_radius--xs);
     padding: 0.1em 0.4em;
   }
-  .bds0116Command-empty {
+  .bds0118Command-empty {
     padding: var(--space_l) var(--space_m);
     text-align: center;
     color: var(--color_on-bg--muted);
@@ -1396,7 +1396,7 @@
 /* src/components/interaction/Dialog/Dialog.module.css */
 @layer component {
-  .bds0116Dialog-dialog {
+  .bds0118Dialog-dialog {
     font-size: var(--font_size--body--s);
     border: 2px solid currentcolor;
     background-color: var(--dialog_color ,var(--color_grey--subtle));
@@ -1407,19 +1407,19 @@
     max-height: 90svh;
     overflow: visible;
   }
-  .bds0116Dialog-dialogContent {
+  .bds0118Dialog-dialogContent {
     display: grid;
     gap: var(--grid_gap);
     overflow-y: auto;
     min-height: 0;
     flex: 1;
   }
-  .bds0116Dialog-closeForm {
+  .bds0118Dialog-closeForm {
     position: absolute;
     inset-block-start: -1em;
     inset-inline-end: -1em;
   }
-  .bds0116Dialog-closeButton {
+  .bds0118Dialog-closeButton {
     all: unset;
     width: 2em;
     height: 2em;
@@ -1432,11 +1432,11 @@
     border: 2px solid currentcolor;
     cursor: pointer;
   }
-  .bds0116Dialog-closeButton svg {
+  .bds0118Dialog-closeButton svg {
     width: 1.25em;
     height: 1.25em;
   }
-  .bds0116Dialog-dialog::backdrop {
+  .bds0118Dialog-dialog::backdrop {
     background-color: var(--dialog_backdrop-color, rgb(0 0 0 / 50%));
     backdrop-filter: blur(3px);
   }
@@ -1444,7 +1444,7 @@
 /* src/components/interaction/Drawer/Drawer.module.css */
 @layer component {
-  .bds0116Drawer-drawer {
+  .bds0118Drawer-drawer {
     position: fixed;
     inset: 0;
     margin: 0;
@@ -1457,11 +1457,11 @@
     background: transparent;
     overflow: hidden;
   }
-  .bds0116Drawer-drawer::backdrop {
+  .bds0118Drawer-drawer::backdrop {
     background-color: var(--drawer_backdrop-color, rgb(0 0 0 / 50%));
     backdrop-filter: blur(3px);
   }
-  .bds0116Drawer-panel {
+  .bds0118Drawer-panel {
     position: absolute;
     inset-block: 0;
     display: flex;
@@ -1474,13 +1474,13 @@
     overflow: hidden;
     transition: var(--animation_transition);
   }
-  .bds0116Drawer---side_right .bds0116Drawer-panel {
+  .bds0118Drawer---side_right .bds0118Drawer-panel {
     inset-inline-end: 0;
   }
-  .bds0116Drawer---side_left .bds0116Drawer-panel {
+  .bds0118Drawer---side_left .bds0118Drawer-panel {
     inset-inline-start: 0;
   }
-  .bds0116Drawer-header {
+  .bds0118Drawer-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1488,7 +1488,7 @@
     border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
-  .bds0116Drawer-closeButton {
+  .bds0118Drawer-closeButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -1499,26 +1499,28 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0116Drawer-closeButton svg {
+  .bds0118Drawer-closeButton svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds0116Drawer-closeButton:focus-visible {
+  .bds0118Drawer-closeButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Drawer-closeButton:hover {
+    .bds0118Drawer-closeButton:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0116Drawer-body {
+  .bds0118Drawer-body {
     flex: 1;
     overflow-y: auto;
     padding: var(--space_l);
+    display: flex;
+    flex-direction: column;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Drawer-panel {
+    .bds0118Drawer-panel {
       transition: none;
     }
   }
@@ -1526,11 +1528,11 @@
 /* src/components/interaction/DropdownMenu/DropdownMenu.module.css */
 @layer component {
-  .bds0116DropdownMenu-wrapper {
+  .bds0118DropdownMenu-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds0116DropdownMenu-menu {
+  .bds0118DropdownMenu-menu {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     z-index: var(--z-index_dropdown);
@@ -1544,19 +1546,19 @@
     list-style: none;
     margin: 0;
   }
-  .bds0116DropdownMenu---placement_bottom-start {
+  .bds0118DropdownMenu---placement_bottom-start {
     left: 0;
   }
-  .bds0116DropdownMenu---placement_bottom-end {
+  .bds0118DropdownMenu---placement_bottom-end {
     right: 0;
   }
-  .bds0116DropdownMenu-separator {
+  .bds0118DropdownMenu-separator {
     border: none;
     border-top: 1px solid currentcolor;
     margin: var(--space_xxs) 0;
     opacity: 0.15;
   }
-  .bds0116DropdownMenu-item {
+  .bds0118DropdownMenu-item {
     all: unset;
     display: flex;
     align-items: center;
@@ -1570,22 +1572,22 @@
     box-sizing: border-box;
     transition: var(--animation_transition);
   }
-  .bds0116DropdownMenu-item:disabled {
+  .bds0118DropdownMenu-item:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0116DropdownMenu-item:focus-visible {
+  .bds0118DropdownMenu-item:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116DropdownMenu-item:not(:disabled):hover {
+    .bds0118DropdownMenu-item:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       color: var(--color_interactive);
     }
   }
-  .bds0116DropdownMenu-icon {
+  .bds0118DropdownMenu-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
@@ -1594,11 +1596,11 @@
 /* src/components/interaction/Popover/Popover.module.css */
 @layer component {
-  .bds0116Popover-wrapper {
+  .bds0118Popover-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds0116Popover-panel {
+  .bds0118Popover-panel {
     position: absolute;
     z-index: var(--z-index_popover);
     min-width: 12rem;
@@ -1610,19 +1612,19 @@
     color: var(--popover_on-color, var(--color_on-bg));
     font-size: var(--font_size--body);
   }
-  .bds0116Popover---placement_bottom {
+  .bds0118Popover---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds0116Popover---placement_top {
+  .bds0118Popover---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds0116Popover---placement_right {
+  .bds0118Popover---placement_right {
     left: calc(100% + var(--space_xs));
     top: 0;
   }
-  .bds0116Popover---placement_left {
+  .bds0118Popover---placement_left {
     right: calc(100% + var(--space_xs));
     top: 0;
   }
@@ -1630,23 +1632,23 @@
 /* src/components/interaction/Rating/Rating.module.css */
 @layer component {
-  .bds0116Rating-rating {
+  .bds0118Rating-rating {
     display: inline-flex;
     gap: var(--space_xxxs);
     color: var(--color_bg);
   }
-  .bds0116Rating-star {
+  .bds0118Rating-star {
     width: 1.5em;
     height: 1.5em;
   }
-  .bds0116Rating---filled {
+  .bds0118Rating---filled {
     color: var(--color_warning);
   }
 }
 /* src/components/interaction/Toast/Toast.module.css */
 @layer component {
-  .bds0116Toast-toastContainer {
+  .bds0118Toast-toastContainer {
     position: fixed;
     bottom: var(--space_xl);
     right: var(--space_xl);
@@ -1655,7 +1657,7 @@
     gap: var(--space_m);
     z-index: var(--z-index_toast);
   }
-  .bds0116Toast-toast {
+  .bds0118Toast-toast {
     padding: var(--space_m) var(--space_l);
     background-color: var(--toast_color, var(--color_bg));
     color: var(--toast_on-color, var(--color_on-bg));
@@ -1667,26 +1669,26 @@
     min-width: 300px;
     animation: slideIn var(--animation_duration--fast) var(--animation_easing);
   }
-  .bds0116Toast-toast.bds0116Toast---variant_success {
+  .bds0118Toast-toast.bds0118Toast---variant_success {
     --toast_color: var(--color_success);
     --toast_on-color: var(--color_on-success);
   }
-  .bds0116Toast-toast.bds0116Toast---variant_warning {
+  .bds0118Toast-toast.bds0118Toast---variant_warning {
     --toast_color: var(--color_warning);
     --toast_on-color: var(--color_on-warning);
   }
-  .bds0116Toast-toast.bds0116Toast---variant_info {
+  .bds0118Toast-toast.bds0118Toast---variant_info {
     --toast_color: var(--color_bg--subtle);
     --toast_on-color: var(--color_on-bg--subtle);
   }
-  .bds0116Toast-toast.bds0116Toast---variant_error {
+  .bds0118Toast-toast.bds0118Toast---variant_error {
     --toast_color: var(--color_error);
     --toast_on-color: var(--color_on-error);
   }
-  .bds0116Toast-message {
+  .bds0118Toast-message {
     flex: 1;
   }
-  .bds0116Toast-closeButton {
+  .bds0118Toast-closeButton {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1699,7 +1701,7 @@
     cursor: pointer;
     color: var(--toast_on-color);
   }
-  .bds0116Toast-closeButton svg {
+  .bds0118Toast-closeButton svg {
     width: 1rem;
     height: 1rem;
   }
@@ -1717,17 +1719,17 @@
 /* src/components/interaction/form/Checkbox/Checkbox.module.css */
 @layer component {
-  .bds0116Checkbox-checkboxGroup {
+  .bds0118Checkbox-checkboxGroup {
     --inputSize: calc(var(--space_s) * 2);
     display: flex;
     flex-direction: column;
   }
-  .bds0116Checkbox-inputWrapper {
+  .bds0118Checkbox-inputWrapper {
     display: flex;
     align-items: stretch;
     gap: var(--space_xs);
   }
-  .bds0116Checkbox-checkbox {
+  .bds0118Checkbox-checkbox {
     margin-block-start: 0.25em;
     width: var(--inputSize);
     height: var(--inputSize);
@@ -1740,11 +1742,11 @@
     position: relative;
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
-  .bds0116Checkbox-checkbox:checked {
+  .bds0118Checkbox-checkbox:checked {
     background-color: var(--checkbox_color-active, var(--color_active));
     border-color: var(--checkbox_color-active, var(--color_active));
   }
-  .bds0116Checkbox-checkbox:checked::after {
+  .bds0118Checkbox-checkbox:checked::after {
     content: "";
     position: absolute;
     left: 0.6em;
@@ -1755,15 +1757,15 @@
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
   }
-  .bds0116Checkbox-checkbox:focus {
+  .bds0118Checkbox-checkbox:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
   }
-  .bds0116Checkbox-checkboxError {
+  .bds0118Checkbox-checkboxError {
     border-color: var(--color_error);
   }
-  .bds0116Checkbox-checkboxError:focus {
+  .bds0118Checkbox-checkboxError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
@@ -1771,19 +1773,19 @@
 /* src/components/interaction/form/atoms/Message.module.css */
 @layer component {
-  .bds0116Message-error,
-  .bds0116Message-hint {
+  .bds0118Message-error,
+  .bds0118Message-hint {
     font-size: var(--font_size--body--s);
     margin-inline-start: var(--labelPosition);
   }
-  .bds0116Message-error {
+  .bds0118Message-error {
     color: var(--color_error);
   }
 }
 /* src/components/interaction/form/atoms/Label.module.css */
 @layer component {
-  .bds0116Label-label {
+  .bds0118Label-label {
     display: flex;
     align-items: center;
     font-family: var(--font_family--body);
@@ -1794,7 +1796,7 @@
 /* src/components/interaction/form/atoms/InputContainer.module.css */
 @layer component {
-  .bds0116InputContainer-container {
+  .bds0118InputContainer-container {
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
@@ -1804,16 +1806,16 @@
 /* src/components/interaction/form/Combobox/Combobox.module.css */
 @layer component {
-  .bds0116Combobox-formGroup {
+  .bds0118Combobox-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0116Combobox-inputWrapper {
+  .bds0118Combobox-inputWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds0116Combobox-input {
+  .bds0118Combobox-input {
     appearance: none;
     width: 100%;
     font-family: var(--font_family--body);
@@ -1826,22 +1828,22 @@
     color: var(--combobox_color, var(--color_on-bg));
     transition: var(--animation_transition);
   }
-  .bds0116Combobox-input:focus {
+  .bds0118Combobox-input:focus {
     --combobox_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--combobox_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0116Combobox-input:disabled {
+  .bds0118Combobox-input:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0116Combobox-inputError {
+  .bds0118Combobox-inputError {
     --combobox_border-color: var(--color_error);
   }
-  .bds0116Combobox-inputError:focus {
+  .bds0118Combobox-inputError:focus {
     --combobox_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0116Combobox-chevron {
+  .bds0118Combobox-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -1849,11 +1851,11 @@
     pointer-events: none;
     color: var(--combobox_color, var(--color_on-bg));
   }
-  .bds0116Combobox-chevron svg {
+  .bds0118Combobox-chevron svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116Combobox-listbox {
+  .bds0118Combobox-listbox {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     left: 0;
@@ -1870,7 +1872,7 @@
     color: var(--combobox_on-color, var(--color_on-bg));
     box-shadow: var(--shadow_m);
   }
-  .bds0116Combobox-option {
+  .bds0118Combobox-option {
     display: flex;
     align-items: center;
     padding: var(--space_xs) var(--space_m);
@@ -1879,14 +1881,14 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0116Combobox-option.bds0116Combobox---highlighted {
+  .bds0118Combobox-option.bds0118Combobox---highlighted {
     background-color: var(--color_bg--subtle);
     color: var(--color_interactive);
   }
-  .bds0116Combobox-option.bds0116Combobox---selected {
+  .bds0118Combobox-option.bds0118Combobox---selected {
     font-weight: var(--font_weight--semibold);
   }
-  .bds0116Combobox-option.bds0116Combobox---disabled {
+  .bds0118Combobox-option.bds0118Combobox---disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
@@ -1894,11 +1896,11 @@
 /* src/components/interaction/form/FileInput/FileInput.module.css */
 @layer component {
-  .bds0116FileInput-formGroup {
+  .bds0118FileInput-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0116FileInput-dropZone {
+  .bds0118FileInput-dropZone {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1912,40 +1914,40 @@
     text-align: center;
     transition: var(--animation_transition);
   }
-  .bds0116FileInput-dropZone:focus-within {
+  .bds0118FileInput-dropZone:focus-within {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-color: var(--fileInput_border-color, currentcolor);
   }
-  .bds0116FileInput-isDragging {
+  .bds0118FileInput-isDragging {
     border-color: currentcolor;
     background-color: rgb(from currentcolor r g b / 8%);
   }
-  .bds0116FileInput-hasError {
+  .bds0118FileInput-hasError {
     border-color: var(--color_error);
   }
-  .bds0116FileInput-isDisabled {
+  .bds0118FileInput-isDisabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0116FileInput-icon {
+  .bds0118FileInput-icon {
     width: 2rem;
     height: 2rem;
     flex-shrink: 0;
   }
-  .bds0116FileInput-prompt {
+  .bds0118FileInput-prompt {
     font-size: var(--font_size--body);
     color: var(--color_on-bg--muted);
   }
-  .bds0116FileInput-prompt strong {
+  .bds0118FileInput-prompt strong {
     color: var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0116FileInput-acceptHint {
+  .bds0118FileInput-acceptHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds0116FileInput-hiddenInput {
+  .bds0118FileInput-hiddenInput {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -1955,7 +1957,7 @@
     border: 0;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116FileInput-dropZone:not(.bds0116FileInput-isDisabled):hover {
+    .bds0118FileInput-dropZone:not(.bds0118FileInput-isDisabled):hover {
       border-color: var(--color_interactive);
       background-color: rgb(from var(--color_interactive) r g b / 4%);
     }
@@ -1964,12 +1966,12 @@
 /* src/components/interaction/form/FormInput/FormInput.module.css */
 @layer component {
-  .bds0116FormInput-formGroup {
+  .bds0118FormInput-formGroup {
     --labelPosition: 0;
     display: flex;
     flex-direction: column;
   }
-  .bds0116FormInput-input {
+  .bds0118FormInput-input {
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     padding: var(--space_s);
@@ -1979,26 +1981,26 @@
     color: var(--input_color, var(--color_on-bg));
     background-color: var(--input_color_bg, var(--color_bg));
   }
-  .bds0116FormInput-input:focus {
+  .bds0118FormInput-input:focus {
     --input_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--input_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0116FormInput-inputError {
+  .bds0118FormInput-inputError {
     --input_border-color: var(--color_error);
   }
-  .bds0116FormInput-inputError:focus {
+  .bds0118FormInput-inputError:focus {
     --input_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
 }
 /* src/components/interaction/form/NumberInput/NumberInput.module.css */
 @layer component {
-  .bds0116NumberInput-formGroup {
+  .bds0118NumberInput-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0116NumberInput-inputRow {
+  .bds0118NumberInput-inputRow {
     display: flex;
     align-items: stretch;
     border: 1px solid currentcolor;
@@ -2006,11 +2008,11 @@
     overflow: hidden;
     transition: var(--animation_transition);
   }
-  .bds0116NumberInput-inputRow:focus-within {
+  .bds0118NumberInput-inputRow:focus-within {
     border-color: var(--numberInput_border-color, var(--color_interactive));
     box-shadow: var(--numberInput_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0116NumberInput-input {
+  .bds0118NumberInput-input {
     flex: 1;
     border: none;
     outline: none;
@@ -2023,17 +2025,17 @@
     min-width: 0;
     appearance: textfield;
   }
-  .bds0116NumberInput-input::-webkit-inner-spin-button,
-  .bds0116NumberInput-input::-webkit-outer-spin-button {
+  .bds0118NumberInput-input::-webkit-inner-spin-button,
+  .bds0118NumberInput-input::-webkit-outer-spin-button {
     appearance: none;
   }
-  .bds0116NumberInput-inputError {
+  .bds0118NumberInput-inputError {
     --numberInput_border-color: var(--color_error);
   }
-  .bds0116NumberInput-inputError:focus-within {
+  .bds0118NumberInput-inputError:focus-within {
     --numberInput_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0116NumberInput-stepper {
+  .bds0118NumberInput-stepper {
     all: unset;
     display: flex;
     align-items: center;
@@ -2045,16 +2047,16 @@
     transition: var(--animation_transition);
     flex-shrink: 0;
   }
-  .bds0116NumberInput-stepper svg {
+  .bds0118NumberInput-stepper svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0116NumberInput-stepper:disabled {
+  .bds0118NumberInput-stepper:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116NumberInput-stepper:not(:disabled):hover {
+    .bds0118NumberInput-stepper:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       opacity: 0.7;
     }
@@ -2063,29 +2065,29 @@
 /* src/components/interaction/form/Radio/Radio.module.css */
 @layer component {
-  .bds0116Radio-radioGroup {
+  .bds0118Radio-radioGroup {
     --inputSize: calc(var(--space_s) * 2);
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
   }
-  .bds0116Radio-inputWrapper {
+  .bds0118Radio-inputWrapper {
     display: flex;
     align-items: flex-start;
     gap: var(--space_xs);
   }
-  .bds0116Radio-textWrapper {
+  .bds0118Radio-textWrapper {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxxs);
     padding-block-start: var(--space_xxxs);
   }
-  .bds0116Radio-description {
+  .bds0118Radio-description {
     font-size: var(--font_size--body--s);
     color: var(--radio_description-color, var(--color_on-bg--subtle));
     line-height: var(--font_line-height--body);
   }
-  .bds0116Radio-radio {
+  .bds0118Radio-radio {
     flex-shrink: 0;
     margin-block-start: 0.2em;
     width: var(--inputSize);
@@ -2099,11 +2101,11 @@
     position: relative;
     transition: background-color 0.2s ease, border-color 0.2s ease;
   }
-  .bds0116Radio-radio:checked {
+  .bds0118Radio-radio:checked {
     background-color: var(--radio_color-active, var(--color_active));
     border-color: var(--radio_color-active, var(--color_active));
   }
-  .bds0116Radio-radio:checked::after {
+  .bds0118Radio-radio:checked::after {
     content: "";
     position: absolute;
     left: 50%;
@@ -2114,32 +2116,121 @@
     border-radius: 50%;
     background-color: var(--radio_color-on-active, var(--color_on-active));
   }
-  .bds0116Radio-radio:focus {
+  .bds0118Radio-radio:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
   }
-  .bds0116Radio-radioError {
+  .bds0118Radio-radioError {
     border-color: var(--color_error);
   }
-  .bds0116Radio-radioError:focus {
+  .bds0118Radio-radioError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
 }
+/* src/components/interaction/form/SegmentedControl/SegmentedControl.module.css */
+@layer component {
+  .bds0118SegmentedControl-control {
+    position: relative;
+    display: inline-grid;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    padding: var(--space_xxxs);
+    background-color: var(--control_track-bg, var(--color_bg--subtle));
+    border-radius: var(--border_radius--m);
+    gap: 0;
+  }
+  .bds0118SegmentedControl-thumb {
+    position: absolute;
+    top: var(--space_xxxs);
+    bottom: var(--space_xxxs);
+    left: var(--space_xxxs);
+    width: calc((100% - 2 * var(--space_xxxs)) / var(--control_count, 1));
+    border-radius: var(--border_radius--s);
+    background-color: var(--control_thumb-bg, var(--color_bg));
+    box-shadow: var(--shadow_s);
+    pointer-events: none;
+    transform: translateX(calc(var(--control_selected-index, 0) * 100%));
+    transition: transform var(--animation_transition-duration) var(--animation_easing);
+  }
+  .bds0118SegmentedControl-item {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border-radius: var(--border_radius--s);
+    transition: var(--animation_transition);
+  }
+  .bds0118SegmentedControl-item.bds0118SegmentedControl---disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+  .bds0118SegmentedControl-radio {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    margin: 0;
+  }
+  .bds0118SegmentedControl-label {
+    display: block;
+    padding: var(--space_xs) var(--space_m);
+    white-space: nowrap;
+    font-size: var(--font_size--body);
+    line-height: var(--font_line-height--body);
+    color: var(--control_label-color, var(--color_on-bg--subtle));
+    transition: color var(--animation_transition-duration) var(--animation_easing);
+    pointer-events: none;
+    user-select: none;
+  }
+  .bds0118SegmentedControl-control.bds0118SegmentedControl---size_small .bds0118SegmentedControl-label {
+    padding: var(--space_xxs) var(--space_s);
+    font-size: var(--font_size--body--s);
+  }
+  .bds0118SegmentedControl-control.bds0118SegmentedControl---size_large .bds0118SegmentedControl-label {
+    padding: var(--space_s) var(--space_m);
+    white-space: normal;
+    text-align: center;
+  }
+  .bds0118SegmentedControl-item.bds0118SegmentedControl---active .bds0118SegmentedControl-label {
+    color: var(--control_label-color--active, var(--color_on-bg));
+  }
+  .bds0118SegmentedControl-radio:focus-visible ~ .bds0118SegmentedControl-label {
+    outline: var(--outline_default);
+    outline-offset: calc(var(--outline_offset) * -1);
+    border-radius: var(--border_radius--s);
+  }
+  @media (hover: hover) and (pointer: fine) {
+    .bds0118SegmentedControl-item:not(.bds0118SegmentedControl---active, .bds0118SegmentedControl---disabled):hover .bds0118SegmentedControl-label {
+      color: var(--control_label-color--hover, var(--color_on-bg));
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .bds0118SegmentedControl-thumb {
+      transition: none;
+    }
+    .bds0118SegmentedControl-label {
+      transition: none;
+    }
+  }
+}
 /* src/components/interaction/form/Select/Select.module.css */
 @layer component {
-  .bds0116Select-formGroup {
+  .bds0118Select-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0116Select-selectWrapper {
+  .bds0118Select-selectWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds0116Select-select {
+  .bds0118Select-select {
     appearance: none;
     width: 100%;
     font-family: var(--font_family--body);
@@ -2153,22 +2244,22 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0116Select-select:focus {
+  .bds0118Select-select:focus {
     --select_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--select_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0116Select-select:disabled {
+  .bds0118Select-select:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0116Select-selectError {
+  .bds0118Select-selectError {
     --select_border-color: var(--color_error);
   }
-  .bds0116Select-selectError:focus {
+  .bds0118Select-selectError:focus {
     --select_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0116Select-chevron {
+  .bds0118Select-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -2176,7 +2267,7 @@
     pointer-events: none;
     color: var(--select_color, var(--color_on-bg));
   }
-  .bds0116Select-chevron svg {
+  .bds0118Select-chevron svg {
     width: 1rem;
     height: 1rem;
   }
@@ -2184,22 +2275,22 @@
 /* src/components/interaction/form/Slider/Slider.module.css */
 @layer component {
-  .bds0116Slider-formGroup {
+  .bds0118Slider-formGroup {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0116Slider-labelRow {
+  .bds0118Slider-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
   }
-  .bds0116Slider-value {
+  .bds0118Slider-value {
     font-size: var(--font_size--body--s);
     font-variant-numeric: tabular-nums;
     color: var(--color_on-bg--subtle);
   }
-  .bds0116Slider-slider {
+  .bds0118Slider-slider {
     --slider_fill: 0%;
     --slider_track-height: var(--space_xxs);
     --slider_thumb-size: calc(var(--space_s) * 2);
@@ -2218,16 +2309,16 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0116Slider-slider:focus-visible {
+  .bds0118Slider-slider:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds0116Slider-slider:disabled {
+  .bds0118Slider-slider:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0116Slider-slider::-webkit-slider-thumb {
+  .bds0118Slider-slider::-webkit-slider-thumb {
     appearance: none;
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
@@ -2237,7 +2328,7 @@
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds0116Slider-slider::-moz-range-thumb {
+  .bds0118Slider-slider::-moz-range-thumb {
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
     border: none;
@@ -2246,7 +2337,7 @@
     box-shadow: var(--shadow_s);
     cursor: pointer;
   }
-  .bds0116Slider-sliderError {
+  .bds0118Slider-sliderError {
     background:
       linear-gradient(
         to right,
@@ -2255,16 +2346,16 @@
         var(--color_bg--subtle) var(--slider_fill),
         var(--color_bg--subtle) 100%);
   }
-  .bds0116Slider-sliderError::-webkit-slider-thumb {
+  .bds0118Slider-sliderError::-webkit-slider-thumb {
     background-color: var(--color_error);
   }
-  .bds0116Slider-sliderError::-moz-range-thumb {
+  .bds0118Slider-sliderError::-moz-range-thumb {
     background-color: var(--color_error);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Slider-slider,
-    .bds0116Slider-slider::-webkit-slider-thumb,
-    .bds0116Slider-slider::-moz-range-thumb {
+    .bds0118Slider-slider,
+    .bds0118Slider-slider::-webkit-slider-thumb,
+    .bds0118Slider-slider::-moz-range-thumb {
       transition: none;
     }
   }
@@ -2272,7 +2363,7 @@
 /* src/components/interaction/form/Switch/Switch.module.css */
 @layer component {
-  .bds0116Switch-switchGroup {
+  .bds0118Switch-switchGroup {
     --switch_thumb-size: 1.25em;
     --switch_track-pad: var(--space_xxxs);
     --switch_track-height: calc(var(--switch_thumb-size) + var(--switch_track-pad) * 2);
@@ -2281,21 +2372,21 @@
     display: flex;
     flex-direction: column;
   }
-  .bds0116Switch-switchGroup.bds0116Switch---size_small {
+  .bds0118Switch-switchGroup.bds0118Switch---size_small {
     --switch_thumb-size: 1em;
   }
-  .bds0116Switch-switchGroup.bds0116Switch---size_medium {
+  .bds0118Switch-switchGroup.bds0118Switch---size_medium {
     --switch_thumb-size: 1.25em;
   }
-  .bds0116Switch-switchGroup.bds0116Switch---size_large {
+  .bds0118Switch-switchGroup.bds0118Switch---size_large {
     --switch_thumb-size: 1.5em;
   }
-  .bds0116Switch-inputWrapper {
+  .bds0118Switch-inputWrapper {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds0116Switch-trackWrapper {
+  .bds0118Switch-trackWrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -2303,7 +2394,7 @@
     width: var(--switch_track-width);
     height: var(--switch_track-height);
   }
-  .bds0116Switch-switch {
+  .bds0118Switch-switch {
     position: absolute;
     inset: 0;
     appearance: none;
@@ -2314,10 +2405,10 @@
     cursor: pointer;
     z-index: 1;
   }
-  .bds0116Switch-switch:disabled {
+  .bds0118Switch-switch:disabled {
     cursor: not-allowed;
   }
-  .bds0116Switch-track {
+  .bds0118Switch-track {
     display: inline-flex;
     align-items: center;
     width: var(--switch_track-width);
@@ -2330,7 +2421,7 @@
     outline: 1px solid var(--switch_thumb-bg, var(--color_grey));
     outline-offset: var(--outline_offset);
   }
-  .bds0116Switch-thumb {
+  .bds0118Switch-thumb {
     display: block;
     width: var(--switch_thumb-size);
     height: var(--switch_thumb-size);
@@ -2340,28 +2431,28 @@
     transition: var(--animation_transition);
     transform: translateX(0);
   }
-  .bds0116Switch-switch.bds0116Switch-switchError + .bds0116Switch-track {
+  .bds0118Switch-switch.bds0118Switch-switchError + .bds0118Switch-track {
     outline: 1px solid var(--color_error);
   }
-  .bds0116Switch-switch:checked + .bds0116Switch-track {
+  .bds0118Switch-switch:checked + .bds0118Switch-track {
     background-color: var(--switch_track-bg--active, var(--color_active--subtle));
     outline-color: var(--switch_thumb-bg--active, var(--color_active--strong));
   }
-  .bds0116Switch-switch:checked + .bds0116Switch-track .bds0116Switch-thumb {
+  .bds0118Switch-switch:checked + .bds0118Switch-track .bds0118Switch-thumb {
     background-color: var(--switch_thumb-bg--active, var(--color_active--strong));
     transform: translateX(var(--switch_thumb-size));
   }
-  .bds0116Switch-switch:focus-visible + .bds0116Switch-track {
+  .bds0118Switch-switch:focus-visible + .bds0118Switch-track {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds0116Switch-switch:disabled + .bds0116Switch-track {
+  .bds0118Switch-switch:disabled + .bds0118Switch-track {
     opacity: 0.4;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0116Switch-track,
-    .bds0116Switch-thumb {
+    .bds0118Switch-track,
+    .bds0118Switch-thumb {
       transition: none;
     }
   }
@@ -2369,11 +2460,11 @@
 /* src/components/interaction/form/Textarea/Textarea.module.css */
 @layer component {
-  .bds0116Textarea-formGroup {
+  .bds0118Textarea-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0116Textarea-textarea {
+  .bds0118Textarea-textarea {
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
@@ -2386,69 +2477,69 @@
     min-height: calc(var(--space_m) * 5);
     transition: var(--animation_transition);
   }
-  .bds0116Textarea-textarea:focus {
+  .bds0118Textarea-textarea:focus {
     --textarea_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--textarea_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0116Textarea-textarea:disabled {
+  .bds0118Textarea-textarea:disabled {
     opacity: 0.5;
     cursor: not-allowed;
     resize: none;
   }
-  .bds0116Textarea-textareaError {
+  .bds0118Textarea-textareaError {
     --textarea_border-color: var(--color_error);
   }
-  .bds0116Textarea-textareaError:focus {
+  .bds0118Textarea-textareaError:focus {
     --textarea_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
 }
 /* src/components/layout/ButtonGroup/ButtonGroup.module.css */
 @layer component {
-  .bds0116ButtonGroup-buttonGroup {
+  .bds0118ButtonGroup-buttonGroup {
     container-type: inline-size;
     container-name: button-group;
     grid-column: var(--grid_span-100);
   }
-  .bds0116ButtonGroup-buttonGroup .bds0116ButtonGroup-container {
+  .bds0118ButtonGroup-buttonGroup .bds0118ButtonGroup-container {
     position: relative;
     display: flex;
     flex-direction: column-reverse;
     gap: var(--space_l);
     align-items: center;
   }
-  .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_card .bds0116ButtonGroup-container {
+  .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_card .bds0118ButtonGroup-container {
     align-items: stretch;
   }
-  .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_flow .bds0116ButtonGroup-container,
-  .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_modal .bds0116ButtonGroup-container {
+  .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_flow .bds0118ButtonGroup-container,
+  .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container {
     align-items: center;
   }
-  .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_content .bds0116ButtonGroup-container {
+  .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_content .bds0118ButtonGroup-container {
     align-items: flex-start;
   }
   @supports (contain: inline-size) {
     @container button-group (min-width: 30rem) {
-      .bds0116ButtonGroup-buttonGroup .bds0116ButtonGroup-container {
+      .bds0118ButtonGroup-buttonGroup .bds0118ButtonGroup-container {
         flex-direction: row;
         justify-content: space-between;
       }
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_modal .bds0116ButtonGroup-container > :first-child:last-child,
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_flow .bds0116ButtonGroup-container > :first-child:last-child {
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container > :first-child:last-child,
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_flow .bds0118ButtonGroup-container > :first-child:last-child {
         margin-inline-start: auto;
       }
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_card .bds0116ButtonGroup-container {
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_card .bds0118ButtonGroup-container {
         justify-content: center;
       }
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_modal .bds0116ButtonGroup-container {
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_modal .bds0118ButtonGroup-container {
         justify-content: flex-end;
       }
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_content .bds0116ButtonGroup-container {
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_content .bds0118ButtonGroup-container {
         justify-content: flex-start;
         align-items: center;
       }
-      .bds0116ButtonGroup-buttonGroup.bds0116ButtonGroup---variant_grid .bds0116ButtonGroup-container {
+      .bds0118ButtonGroup-buttonGroup.bds0118ButtonGroup---variant_grid .bds0118ButtonGroup-container {
         justify-content: center;
       }
     }
@@ -2457,59 +2548,59 @@
 /* src/components/layout/Card/Card.module.css */
 @layer component {
-  .bds0116Card-card {
+  .bds0118Card-card {
     background-color: var(--card_color, var(--color_bg));
     color: var(--card_on-color, var(--color_on-bg));
     border-radius: var(--border_radius--m);
     transition: all 0.3s ease;
     position: relative;
   }
-  .bds0116Card-card.bds0116Card---default {
+  .bds0118Card-card.bds0118Card---default {
     box-shadow: var(--shadow_s);
   }
-  .bds0116Card-card.bds0116Card---elevated {
+  .bds0118Card-card.bds0118Card---elevated {
     box-shadow: var(--shadow_m);
   }
-  .bds0116Card-card.bds0116Card---outlined {
+  .bds0118Card-card.bds0118Card---outlined {
     border: 1px solid currentcolor;
     box-shadow: var(--shadow_s);
   }
-  .bds0116Card-card.bds0116Card---clickable {
+  .bds0118Card-card.bds0118Card---clickable {
     cursor: pointer;
   }
-  .bds0116Card-card.bds0116Card---padding-none {
+  .bds0118Card-card.bds0118Card---padding-none {
     padding: 0;
   }
-  .bds0116Card-card.bds0116Card---padding-small {
+  .bds0118Card-card.bds0118Card---padding-small {
     padding: var(--space_s);
   }
-  .bds0116Card-card.bds0116Card---padding-medium {
+  .bds0118Card-card.bds0118Card---padding-medium {
     padding: var(--space_m);
   }
-  .bds0116Card-card.bds0116Card---padding-large {
+  .bds0118Card-card.bds0118Card---padding-large {
     padding: var(--space_l);
   }
-  .bds0116Card-card.bds0116Card---text-start {
+  .bds0118Card-card.bds0118Card---text-start {
     text-align: left;
   }
-  .bds0116Card-card.bds0116Card---text-center {
+  .bds0118Card-card.bds0118Card---text-center {
     text-align: center;
   }
-  .bds0116Card-card.bds0116Card---text-end {
+  .bds0118Card-card.bds0118Card---text-end {
     text-align: right;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0116Card-card.bds0116Card---clickable:hover {
+    .bds0118Card-card.bds0118Card---clickable:hover {
       transform: translateY(-2px);
       box-shadow: var(--shadow_xl);
     }
-    .bds0116Card-card.bds0116Card---default:hover {
+    .bds0118Card-card.bds0118Card---default:hover {
       box-shadow: var(--shadow_m);
     }
-    .bds0116Card-card.bds0116Card---elevated:hover {
+    .bds0118Card-card.bds0118Card---elevated:hover {
       box-shadow: var(--shadow_2xl);
     }
-    .bds0116Card-card.bds0116Card---outlined:hover {
+    .bds0118Card-card.bds0118Card---outlined:hover {
       box-shadow: var(--shadow_s);
     }
   }
@@ -2517,60 +2608,60 @@
 /* src/components/layout/SectionHeader/SectionHeader.module.css */
 @layer component {
-  .bds0116SectionHeader-sectionHeader {
+  .bds0118SectionHeader-sectionHeader {
     display: flex;
     flex-direction: column;
     gap: var(--space_m);
     grid-column: var(--grid_span-100);
   }
-  .bds0116SectionHeader-title {
+  .bds0118SectionHeader-title {
     color: var(--sectionHeader-title-color, var(--color_on-bg));
     margin: 0;
     font-family: var(--font_family--body);
   }
-  .bds0116SectionHeader-subtitle {
+  .bds0118SectionHeader-subtitle {
     color: var(--sectionHeader_subtitle-color, var(--color_grey--strong));
     margin: 0;
     font-family: var(--font_family--body);
     font-weight: var(--font_weight--medium);
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---start {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---start {
     align-items: flex-start;
     text-align: left;
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---center {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---center {
     align-items: center;
     text-align: center;
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---end {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---end {
     align-items: flex-end;
     text-align: right;
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---small .bds0116SectionHeader-title {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---small .bds0118SectionHeader-title {
     font-size: var(--font_size--heading-1);
     line-height: var(--font_line-height--heading);
     font-weight: var(--font_weight--bold);
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---small .bds0116SectionHeader-subtitle {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---small .bds0118SectionHeader-subtitle {
     font-size: var(--font_size--body);
     line-height: 1.4;
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---medium .bds0116SectionHeader-title {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---medium .bds0118SectionHeader-title {
     font-size: var(--font_size--display);
     line-height: var(--font_line-height--display);
     font-weight: var(--font_weight--bold);
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---medium .bds0116SectionHeader-subtitle {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---medium .bds0118SectionHeader-subtitle {
     font-size: var(--font_size--heading-3);
     line-height: 1.3;
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---large .bds0116SectionHeader-title {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---large .bds0118SectionHeader-title {
     font-size: var(--font_size--display);
     line-height: var(--font_line-height--display);
     font-weight: var(--font_weight--bold);
     letter-spacing: var(--font_tracking--tight);
   }
-  .bds0116SectionHeader-sectionHeader.bds0116SectionHeader---large .bds0116SectionHeader-subtitle {
+  .bds0118SectionHeader-sectionHeader.bds0118SectionHeader---large .bds0118SectionHeader-subtitle {
     font-size: var(--font_size--heading-2);
     line-height: 1.3;
     font-weight: var(--font_weight--medium);
@@ -2579,7 +2670,7 @@
 /* src/components/layout/IconWrapper/IconWrapper.module.css */
 @layer component {
-  .bds0116IconWrapper-wrapper {
+  .bds0118IconWrapper-wrapper {
     width: 2em;
     height: 2em;
     font-size: 3em;
@@ -2594,7 +2685,7 @@
     position: relative;
     transition: var(--animation_transition);
   }
-  .bds0116IconWrapper-wrapper svg {
+  .bds0118IconWrapper-wrapper svg {
     fill: currentcolor;
   }
 }