@rabelo-digital/ds-rd 1.1.1 → 1.1.2

package/dist/index.css

@@ -1,5 +1,5 @@
 /* src/components/atoms/Button/Button.module.css */
-.button {
+.Button_button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -19,116 +19,116 @@
   white-space: nowrap;
   user-select: none;
 }
-.button:focus-visible {
+.Button_button:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-.sm {
+.Button_sm {
   padding: var(--ds-space-1) var(--ds-space-3);
   font-size: var(--ds-font-size-sm);
   min-height: 32px;
 }
-.md {
+.Button_md {
   padding: var(--ds-space-2) var(--ds-space-4);
   font-size: var(--ds-font-size-md);
   min-height: 40px;
 }
-.lg {
+.Button_lg {
   padding: var(--ds-space-3) var(--ds-space-6);
   font-size: var(--ds-font-size-lg);
   min-height: 48px;
 }
-.primary {
+.Button_primary {
   background: var(--ds-color-primary);
   color: var(--ds-color-on-primary);
   border-color: var(--ds-color-primary);
 }
-.primary:hover:not(:disabled):not([aria-disabled=true]) {
+.Button_primary:hover:not(:disabled):not([aria-disabled=true]) {
   background: var(--ds-color-primary-hover);
   border-color: var(--ds-color-primary-hover);
 }
-.primary:active:not(:disabled) {
+.Button_primary:active:not(:disabled) {
   background: var(--ds-color-primary-active);
   border-color: var(--ds-color-primary-active);
 }
-.secondary {
+.Button_secondary {
   background: var(--ds-color-secondary);
   color: var(--ds-color-on-secondary);
   border-color: var(--ds-color-secondary);
 }
-.secondary:hover:not(:disabled):not([aria-disabled=true]) {
+.Button_secondary:hover:not(:disabled):not([aria-disabled=true]) {
   background: var(--ds-color-secondary-hover);
   border-color: var(--ds-color-secondary-hover);
 }
-.ghost {
+.Button_ghost {
   background: transparent;
   color: var(--ds-color-primary);
   border-color: var(--ds-color-border);
 }
-.ghost:hover:not(:disabled):not([aria-disabled=true]) {
+.Button_ghost:hover:not(:disabled):not([aria-disabled=true]) {
   background: var(--ds-color-primary-subtle);
   border-color: var(--ds-color-primary);
 }
-.danger {
+.Button_danger {
   background: var(--ds-color-error);
   color: var(--ds-color-on-error);
   border-color: var(--ds-color-error);
 }
-.danger:hover:not(:disabled):not([aria-disabled=true]) {
+.Button_danger:hover:not(:disabled):not([aria-disabled=true]) {
   background: var(--ds-color-error-hover);
   border-color: var(--ds-color-error-hover);
 }
-.button:disabled,
-.button[aria-disabled=true] {
+.Button_button:disabled,
+.Button_button[aria-disabled=true] {
   background: var(--ds-color-disabled-bg);
   color: var(--ds-color-disabled-text);
   border-color: var(--ds-color-disabled-border);
   cursor: not-allowed;
   pointer-events: none;
 }
-.loading {
+.Button_loading {
   position: relative;
   cursor: wait;
   pointer-events: none;
 }
-.label {
+.Button_label {
   display: inline-flex;
   align-items: center;
   gap: var(--ds-space-2);
 }
-.labelHidden {
+.Button_labelHidden {
   visibility: hidden;
 }
-.spinner {
+.Button_spinner {
   position: absolute;
   width: 1em;
   height: 1em;
   border: 2px solid currentColor;
   border-top-color: transparent;
   border-radius: var(--ds-radius-full);
-  animation: spin 0.6s linear infinite;
+  animation: Button_spin 0.6s linear infinite;
 }
-@keyframes spin {
+@keyframes Button_spin {
   to {
     transform: rotate(360deg);
   }
 }
 
 /* src/components/atoms/Input/Input.module.css */
-.wrapper {
+.Input_wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--ds-space-1);
   width: 100%;
 }
-.label {
+.Input_label {
   font-family: var(--ds-font-family-base);
   font-size: var(--ds-font-size-sm);
   font-weight: var(--ds-font-weight-medium);
   color: var(--ds-color-text);
   line-height: var(--ds-line-height-normal);
 }
-.input {
+.Input_input {
   width: 100%;
   font-family: var(--ds-font-family-base);
   font-size: var(--ds-font-size-md);
@@ -140,68 +140,68 @@
   outline: none;
   box-sizing: border-box;
 }
-.input::placeholder {
+.Input_input::placeholder {
   color: var(--ds-color-text-subtle);
 }
-.input:hover:not(:disabled) {
+.Input_input:hover:not(:disabled) {
   border-color: var(--ds-color-border-strong);
 }
-.input:focus {
+.Input_input:focus {
   border-color: var(--ds-color-border-focus);
   box-shadow: 0 0 0 3px var(--ds-color-primary-muted);
 }
-.input:disabled {
+.Input_input:disabled {
   background: var(--ds-color-disabled-bg);
   color: var(--ds-color-disabled-text);
   border-color: var(--ds-color-disabled-border);
   cursor: not-allowed;
 }
-.input.error {
+.Input_input.Input_error {
   border-color: var(--ds-color-border-error);
 }
-.input.error:focus {
+.Input_input.Input_error:focus {
   box-shadow: 0 0 0 3px var(--ds-color-error-muted);
 }
-.sm {
+.Input_sm {
   padding: var(--ds-space-1) var(--ds-space-2);
   font-size: var(--ds-font-size-sm);
   min-height: 32px;
 }
-.md {
+.Input_md {
   padding: var(--ds-space-2) var(--ds-space-3);
   font-size: var(--ds-font-size-md);
   min-height: 40px;
 }
-.lg {
+.Input_lg {
   padding: var(--ds-space-3) var(--ds-space-4);
   font-size: var(--ds-font-size-lg);
   min-height: 48px;
 }
-.helperText {
+.Input_helperText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-text-muted);
   line-height: var(--ds-line-height-normal);
 }
-.errorText {
+.Input_errorText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-error);
   line-height: var(--ds-line-height-normal);
 }
 
 /* src/components/atoms/Textarea/Textarea.module.css */
-.wrapper {
+.Textarea_wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--ds-space-1);
   width: 100%;
 }
-.label {
+.Textarea_label {
   font-family: var(--ds-font-family-base);
   font-size: var(--ds-font-size-sm);
   font-weight: var(--ds-font-weight-medium);
   color: var(--ds-color-text);
 }
-.textarea {
+.Textarea_textarea {
   width: 100%;
   min-height: 100px;
   padding: var(--ds-space-2) var(--ds-space-3);
@@ -216,42 +216,42 @@
   transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out), box-shadow var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   box-sizing: border-box;
 }
-.textarea:focus {
+.Textarea_textarea:focus {
   border-color: var(--ds-color-border-focus);
   box-shadow: 0 0 0 3px var(--ds-color-primary-muted);
 }
-.textarea:disabled {
+.Textarea_textarea:disabled {
   background: var(--ds-color-disabled-bg);
   color: var(--ds-color-disabled-text);
   cursor: not-allowed;
 }
-.textarea.error {
+.Textarea_textarea.Textarea_error {
   border-color: var(--ds-color-border-error);
 }
-.textarea.error:focus {
+.Textarea_textarea.Textarea_error:focus {
   box-shadow: 0 0 0 3px var(--ds-color-error-muted);
 }
-.footer {
+.Textarea_footer {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 }
-.helperText {
+.Textarea_helperText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-text-muted);
 }
-.errorText {
+.Textarea_errorText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-error);
 }
-.counter {
+.Textarea_counter {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-text-muted);
   margin-left: auto;
 }
 
 /* src/components/atoms/Badge/Badge.module.css */
-.badge {
+.Badge_badge {
   display: inline-flex;
   align-items: center;
   font-family: var(--ds-font-family-base);
@@ -259,41 +259,41 @@
   border-radius: var(--ds-radius-full);
   white-space: nowrap;
 }
-.sm {
+.Badge_sm {
   padding: 2px var(--ds-space-2);
   font-size: var(--ds-font-size-xs);
 }
-.md {
+.Badge_md {
   padding: var(--ds-space-1) var(--ds-space-2);
   font-size: var(--ds-font-size-sm);
 }
-.default {
+.Badge_default {
   background: var(--ds-color-bg-muted);
   color: var(--ds-color-text);
 }
-.primary {
+.Badge_primary {
   background: var(--ds-color-primary-muted);
   color: var(--ds-color-primary);
 }
-.success {
+.Badge_success {
   background: var(--ds-color-success-muted);
   color: var(--ds-color-success);
 }
-.warning {
+.Badge_warning {
   background: var(--ds-color-warning-muted);
   color: var(--ds-color-warning-hover);
 }
-.error {
+.Badge_error {
   background: var(--ds-color-error-muted);
   color: var(--ds-color-error);
 }
-.info {
+.Badge_info {
   background: var(--ds-color-info-muted);
   color: var(--ds-color-info);
 }
 
 /* src/components/atoms/Avatar/Avatar.module.css */
-.avatar {
+.Avatar_avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -304,53 +304,53 @@
   overflow: hidden;
   flex-shrink: 0;
 }
-.circle {
+.Avatar_circle {
   border-radius: var(--ds-radius-full);
 }
-.square {
+.Avatar_square {
   border-radius: var(--ds-radius-lg);
 }
-.xs {
+.Avatar_xs {
   width: 24px;
   height: 24px;
   font-size: var(--ds-font-size-xs);
 }
-.sm {
+.Avatar_sm {
   width: 32px;
   height: 32px;
   font-size: var(--ds-font-size-xs);
 }
-.md {
+.Avatar_md {
   width: 40px;
   height: 40px;
   font-size: var(--ds-font-size-sm);
 }
-.lg {
+.Avatar_lg {
   width: 56px;
   height: 56px;
   font-size: var(--ds-font-size-md);
 }
-.xl {
+.Avatar_xl {
   width: 80px;
   height: 80px;
   font-size: var(--ds-font-size-xl);
 }
-.image {
+.Avatar_image {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.initials {
+.Avatar_initials {
   line-height: 1;
 }
 
 /* src/components/atoms/Checkbox/Checkbox.module.css */
-.wrapper {
+.Checkbox_wrapper {
   display: flex;
   align-items: center;
   gap: var(--ds-space-2);
 }
-.root {
+.Checkbox_root {
   width: 18px;
   height: 18px;
   border: 2px solid var(--ds-color-border-strong);
@@ -364,28 +364,28 @@
   transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out), background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   outline: none;
 }
-.root[data-state=checked],
-.root[data-state=indeterminate] {
+.Checkbox_root[data-state=checked],
+.Checkbox_root[data-state=indeterminate] {
   background: var(--ds-color-primary);
   border-color: var(--ds-color-primary);
   color: var(--ds-color-on-primary);
 }
-.root:focus-visible {
+.Checkbox_root:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-.root:disabled {
+.Checkbox_root:disabled {
   background: var(--ds-color-disabled-bg);
   border-color: var(--ds-color-disabled-border);
   cursor: not-allowed;
 }
-.indicator {
+.Checkbox_indicator {
   display: flex;
   align-items: center;
   justify-content: center;
   color: currentColor;
 }
-.label {
+.Checkbox_label {
   font-size: var(--ds-font-size-sm);
   color: var(--ds-color-text);
   cursor: pointer;
@@ -393,24 +393,24 @@
 }
 
 /* src/components/atoms/Radio/Radio.module.css */
-.group {
+.Radio_group {
   display: flex;
 }
-.vertical {
+.Radio_vertical {
   flex-direction: column;
   gap: var(--ds-space-2);
 }
-.horizontal {
+.Radio_horizontal {
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--ds-space-4);
 }
-.item {
+.Radio_item {
   display: flex;
   align-items: center;
   gap: var(--ds-space-2);
 }
-.radio {
+.Radio_radio {
   width: 18px;
   height: 18px;
   border-radius: var(--ds-radius-full);
@@ -424,43 +424,43 @@
   outline: none;
   transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
 }
-.radio[data-state=checked] {
+.Radio_radio[data-state=checked] {
   border-color: var(--ds-color-primary);
 }
-.radio:focus-visible {
+.Radio_radio:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-.radio:disabled {
+.Radio_radio:disabled {
   background: var(--ds-color-disabled-bg);
   border-color: var(--ds-color-disabled-border);
   cursor: not-allowed;
 }
-.indicator {
+.Radio_indicator {
   width: 8px;
   height: 8px;
   border-radius: var(--ds-radius-full);
   background: var(--ds-color-primary);
 }
-.label {
+.Radio_label {
   font-size: var(--ds-font-size-sm);
   color: var(--ds-color-text);
   cursor: pointer;
 }
 
 /* src/components/atoms/Select/Select.module.css */
-.wrapper {
+.Select_wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--ds-space-1);
   width: 100%;
 }
-.label {
+.Select_label {
   font-size: var(--ds-font-size-sm);
   font-weight: var(--ds-font-weight-medium);
   color: var(--ds-color-text);
 }
-.trigger {
+.Select_trigger {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -475,41 +475,41 @@
   outline: none;
   transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
 }
-.trigger:hover:not(:disabled) {
+.Select_trigger:hover:not(:disabled) {
   border-color: var(--ds-color-border-strong);
 }
-.trigger:focus {
+.Select_trigger:focus {
   border-color: var(--ds-color-border-focus);
   box-shadow: 0 0 0 3px var(--ds-color-primary-muted);
 }
-.trigger[data-disabled] {
+.Select_trigger[data-disabled] {
   background: var(--ds-color-disabled-bg);
   color: var(--ds-color-disabled-text);
   cursor: not-allowed;
 }
-.trigger.error {
+.Select_trigger.Select_error {
   border-color: var(--ds-color-border-error);
 }
-.sm {
+.Select_sm {
   padding: var(--ds-space-1) var(--ds-space-2);
   font-size: var(--ds-font-size-sm);
   min-height: 32px;
 }
-.md {
+.Select_md {
   padding: var(--ds-space-2) var(--ds-space-3);
   font-size: var(--ds-font-size-md);
   min-height: 40px;
 }
-.lg {
+.Select_lg {
   padding: var(--ds-space-3) var(--ds-space-4);
   font-size: var(--ds-font-size-lg);
   min-height: 48px;
 }
-.icon {
+.Select_icon {
   color: var(--ds-color-text-muted);
   flex-shrink: 0;
 }
-.content {
+.Select_content {
   background: var(--ds-color-surface);
   border: 1px solid var(--ds-color-border);
   border-radius: var(--ds-radius-lg);
@@ -519,10 +519,10 @@
   max-height: var(--radix-select-content-available-height);
   overflow: hidden;
 }
-.viewport {
+.Select_viewport {
   padding: var(--ds-space-1);
 }
-.item {
+.Select_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -536,28 +536,28 @@
   transition: background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   user-select: none;
 }
-.item[data-highlighted] {
+.Select_item[data-highlighted] {
   background: var(--ds-color-primary-subtle);
   color: var(--ds-color-primary);
 }
-.item[data-disabled] {
+.Select_item[data-disabled] {
   color: var(--ds-color-disabled-text);
   cursor: not-allowed;
 }
-.itemIndicator {
+.Select_itemIndicator {
   color: var(--ds-color-primary);
 }
-.errorText {
+.Select_errorText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-error);
 }
-.helperText {
+.Select_helperText {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-text-muted);
 }
 
 /* src/components/atoms/Tooltip/Tooltip.module.css */
-.content {
+.Tooltip_content {
   background: var(--ds-color-text);
   color: var(--ds-color-text-inverse);
   font-family: var(--ds-font-family-base);
@@ -568,12 +568,12 @@
   box-shadow: var(--ds-elevation-md);
   z-index: var(--ds-z-tooltip);
   max-width: 250px;
-  animation: fadeIn var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
+  animation: Tooltip_fadeIn var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
 }
-.arrow {
+.Tooltip_arrow {
   fill: var(--ds-color-text);
 }
-@keyframes fadeIn {
+@keyframes Tooltip_fadeIn {
   from {
     opacity: 0;
     transform: scale(0.96);
@@ -585,7 +585,7 @@
 }
 
 /* src/components/atoms/SocialIcons/SocialIcons.module.css */
-.list {
+.SocialIcons_list {
   display: flex;
   gap: var(--ds-space-2);
   list-style: none;
@@ -593,7 +593,7 @@
   padding: 0;
   flex-wrap: wrap;
 }
-.link {
+.SocialIcons_link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -603,48 +603,49 @@
   transition: color var(--ds-motion-duration-fast) var(--ds-motion-easing-out), background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   text-decoration: none;
 }
-.link:hover {
+.SocialIcons_link:hover {
   color: var(--ds-color-primary);
   background: var(--ds-color-primary-subtle);
 }
-.link:focus-visible {
+.SocialIcons_link:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-.sm {
+.SocialIcons_sm {
   width: 32px;
   height: 32px;
   font-size: 14px;
 }
-.md {
+.SocialIcons_md {
   width: 40px;
   height: 40px;
   font-size: 16px;
 }
-.lg {
+.SocialIcons_lg {
   width: 48px;
   height: 48px;
   font-size: 20px;
 }
 
 /* src/components/molecules/Card/Card.module.css */
-.card {
+.Card_card {
   background: var(--ds-color-surface);
   border: 1px solid var(--ds-color-border);
-  overflow: hidden;
+  min-width: 0;
 }
-.header {
+.Card_header {
   padding: var(--ds-space-4) var(--ds-space-6);
   border-bottom: 1px solid var(--ds-color-border-muted);
   font-weight: var(--ds-font-weight-semibold);
   font-size: var(--ds-font-size-lg);
   color: var(--ds-color-text);
 }
-.body {
+.Card_body {
   padding: var(--ds-space-6);
   color: var(--ds-color-text);
+  min-width: 0;
 }
-.footer {
+.Card_footer {
   padding: var(--ds-space-4) var(--ds-space-6);
   border-top: 1px solid var(--ds-color-border-muted);
   background: var(--ds-color-bg-subtle);
@@ -654,14 +655,14 @@
 }
 
 /* src/components/molecules/Modal/Modal.module.css */
-.overlay {
+.Modal_overlay {
   position: fixed;
   inset: 0;
   background: var(--ds-color-bg-overlay);
   z-index: var(--ds-z-overlay);
-  animation: overlayIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Modal_overlayIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.content {
+.Modal_content {
   position: fixed;
   top: 50%;
   left: 50%;
@@ -674,28 +675,28 @@
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  animation: contentIn var(--ds-motion-duration-normal) var(--ds-motion-easing-spring);
+  animation: Modal_contentIn var(--ds-motion-duration-normal) var(--ds-motion-easing-spring);
 }
-.sm {
+.Modal_sm {
   width: min(400px, 90vw);
 }
-.md {
+.Modal_md {
   width: min(560px, 90vw);
 }
-.lg {
+.Modal_lg {
   width: min(720px, 90vw);
 }
-.xl {
+.Modal_xl {
   width: min(900px, 90vw);
 }
-.full {
+.Modal_full {
   width: calc(100vw - 32px);
   height: calc(100vh - 32px);
   top: 16px;
   left: 16px;
   transform: none;
 }
-.header {
+.Modal_header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -703,23 +704,23 @@
   padding: var(--ds-space-4) var(--ds-space-6);
   border-bottom: 1px solid var(--ds-color-border-muted);
 }
-.title {
+.Modal_title {
   font-family: var(--ds-font-family-heading);
   font-size: var(--ds-font-size-xl);
   font-weight: var(--ds-font-weight-semibold);
   color: var(--ds-color-text);
   margin: 0;
 }
-.description {
+.Modal_description {
   padding: var(--ds-space-2) var(--ds-space-6) 0;
   font-size: var(--ds-font-size-sm);
   color: var(--ds-color-text-muted);
 }
-.body {
+.Modal_body {
   padding: var(--ds-space-6);
   flex: 1;
 }
-.close {
+.Modal_close {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -733,15 +734,15 @@
   transition: background var(--ds-motion-duration-fast) var(--ds-motion-easing-out), color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   flex-shrink: 0;
 }
-.close:hover {
+.Modal_close:hover {
   background: var(--ds-color-bg-subtle);
   color: var(--ds-color-text);
 }
-.close:focus-visible {
+.Modal_close:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-@keyframes overlayIn {
+@keyframes Modal_overlayIn {
   from {
     opacity: 0;
   }
@@ -749,7 +750,7 @@
     opacity: 1;
   }
 }
-@keyframes contentIn {
+@keyframes Modal_contentIn {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -761,14 +762,14 @@
 }
 
 /* src/components/molecules/Drawer/Drawer.module.css */
-.overlay {
+.Drawer_overlay {
   position: fixed;
   inset: 0;
   background: var(--ds-color-bg-overlay);
   z-index: var(--ds-z-overlay);
-  animation: fadeIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Drawer_fadeIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.content {
+.Drawer_content {
   position: fixed;
   background: var(--ds-color-surface);
   box-shadow: var(--ds-elevation-xl);
@@ -777,52 +778,52 @@
   flex-direction: column;
   overflow-y: auto;
 }
-.right {
+.Drawer_right {
   top: 0;
   right: 0;
   bottom: 0;
   width: min(480px, 90vw);
-  animation: slideInRight var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Drawer_slideInRight var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.left {
+.Drawer_left {
   top: 0;
   left: 0;
   bottom: 0;
   width: min(480px, 90vw);
-  animation: slideInLeft var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Drawer_slideInLeft var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.top {
+.Drawer_top {
   top: 0;
   left: 0;
   right: 0;
   height: min(360px, 60vh);
-  animation: slideInTop var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Drawer_slideInTop var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.bottom {
+.Drawer_bottom {
   bottom: 0;
   left: 0;
   right: 0;
   height: min(360px, 60vh);
-  animation: slideInBottom var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Drawer_slideInBottom var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.header {
+.Drawer_header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: var(--ds-space-4) var(--ds-space-6);
   border-bottom: 1px solid var(--ds-color-border-muted);
 }
-.title {
+.Drawer_title {
   font-size: var(--ds-font-size-xl);
   font-weight: var(--ds-font-weight-semibold);
   color: var(--ds-color-text);
   margin: 0;
 }
-.body {
+.Drawer_body {
   padding: var(--ds-space-6);
   flex: 1;
 }
-.close {
+.Drawer_close {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -834,15 +835,15 @@
   color: var(--ds-color-text-muted);
   cursor: pointer;
 }
-.close:hover {
+.Drawer_close:hover {
   background: var(--ds-color-bg-subtle);
   color: var(--ds-color-text);
 }
-.close:focus-visible {
+.Drawer_close:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-@keyframes fadeIn {
+@keyframes Drawer_fadeIn {
   from {
     opacity: 0;
   }
@@ -850,7 +851,7 @@
     opacity: 1;
   }
 }
-@keyframes slideInRight {
+@keyframes Drawer_slideInRight {
   from {
     transform: translateX(100%);
   }
@@ -858,7 +859,7 @@
     transform: translateX(0);
   }
 }
-@keyframes slideInLeft {
+@keyframes Drawer_slideInLeft {
   from {
     transform: translateX(-100%);
   }
@@ -866,7 +867,7 @@
     transform: translateX(0);
   }
 }
-@keyframes slideInTop {
+@keyframes Drawer_slideInTop {
   from {
     transform: translateY(-100%);
   }
@@ -874,7 +875,7 @@
     transform: translateY(0);
   }
 }
-@keyframes slideInBottom {
+@keyframes Drawer_slideInBottom {
   from {
     transform: translateY(100%);
   }
@@ -884,16 +885,16 @@
 }
 
 /* src/components/molecules/Tabs/Tabs.module.css */
-.root {
+.Tabs_root {
   display: flex;
   flex-direction: column;
 }
-.list {
+.Tabs_list {
   display: flex;
   border-bottom: 2px solid var(--ds-color-border);
   gap: 0;
 }
-.trigger {
+.Tabs_trigger {
   padding: var(--ds-space-2) var(--ds-space-4);
   font-family: var(--ds-font-family-base);
   font-size: var(--ds-font-size-sm);
@@ -907,42 +908,42 @@
   transition: color var(--ds-motion-duration-fast) var(--ds-motion-easing-out), border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   outline: none;
 }
-.trigger:hover:not([disabled]) {
+.Tabs_trigger:hover:not([disabled]) {
   color: var(--ds-color-text);
 }
-.trigger[data-state=active] {
+.Tabs_trigger[data-state=active] {
   color: var(--ds-color-primary);
   border-bottom-color: var(--ds-color-primary);
 }
-.trigger[disabled] {
+.Tabs_trigger[disabled] {
   color: var(--ds-color-disabled-text);
   cursor: not-allowed;
 }
-.trigger:focus-visible {
+.Tabs_trigger:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
   border-radius: var(--ds-radius-sm);
 }
-.content {
+.Tabs_content {
   padding: var(--ds-space-6) 0;
 }
 
 /* src/components/molecules/Accordion/Accordion.module.css */
-.root {
+.Accordion_root {
   border: 1px solid var(--ds-color-border);
   border-radius: var(--ds-radius-lg);
   overflow: hidden;
 }
-.item {
+.Accordion_item {
   border-bottom: 1px solid var(--ds-color-border);
 }
-.item:last-child {
+.Accordion_item:last-child {
   border-bottom: none;
 }
-.item[data-disabled] {
+.Accordion_item[data-disabled] {
   opacity: 0.5;
 }
-.trigger {
+.Accordion_trigger {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -960,35 +961,35 @@
   transition: background var(--ds-motion-duration-fast) var(--ds-motion-easing-out);
   outline: none;
 }
-.trigger:hover {
+.Accordion_trigger:hover {
   background: var(--ds-color-bg-subtle);
 }
-.trigger:focus-visible {
+.Accordion_trigger:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: -2px;
 }
-.chevron {
+.Accordion_chevron {
   flex-shrink: 0;
   transition: transform var(--ds-motion-duration-normal) var(--ds-motion-easing-in-out);
 }
-.trigger[data-state=open] .chevron {
+.Accordion_trigger[data-state=open] .Accordion_chevron {
   transform: rotate(180deg);
 }
-.content {
+.Accordion_content {
   overflow: hidden;
 }
-.content[data-state=open] {
-  animation: slideDown var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+.Accordion_content[data-state=open] {
+  animation: Accordion_slideDown var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.content[data-state=closed] {
-  animation: slideUp var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+.Accordion_content[data-state=closed] {
+  animation: Accordion_slideUp var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.contentInner {
+.Accordion_contentInner {
   padding: 0 var(--ds-space-6) var(--ds-space-4);
   color: var(--ds-color-text-muted);
   font-size: var(--ds-font-size-md);
 }
-@keyframes slideDown {
+@keyframes Accordion_slideDown {
   from {
     height: 0;
   }
@@ -996,7 +997,7 @@
     height: var(--radix-accordion-content-height);
   }
 }
-@keyframes slideUp {
+@keyframes Accordion_slideUp {
   from {
     height: var(--radix-accordion-content-height);
   }
@@ -1006,7 +1007,7 @@
 }
 
 /* src/components/molecules/Toast/Toast.module.css */
-.viewport {
+.Toast_viewport {
   position: fixed;
   bottom: var(--ds-space-6);
   right: var(--ds-space-6);
@@ -1021,53 +1022,53 @@
   margin: 0;
   outline: none;
 }
-.root {
+.Toast_root {
   background: var(--ds-color-surface);
   border-radius: var(--ds-radius-lg);
   box-shadow: var(--ds-elevation-lg);
   border-left: 4px solid;
-  animation: slideIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
+  animation: Toast_slideIn var(--ds-motion-duration-normal) var(--ds-motion-easing-out);
 }
-.root[data-state=closed] {
-  animation: slideOut var(--ds-motion-duration-normal) var(--ds-motion-easing-in);
+.Toast_root[data-state=closed] {
+  animation: Toast_slideOut var(--ds-motion-duration-normal) var(--ds-motion-easing-in);
 }
-.default {
+.Toast_default {
   border-color: var(--ds-color-border-strong);
 }
-.success {
+.Toast_success {
   border-color: var(--ds-color-success);
 }
-.warning {
+.Toast_warning {
   border-color: var(--ds-color-warning);
 }
-.error {
+.Toast_error {
   border-color: var(--ds-color-error);
 }
-.info {
+.Toast_info {
   border-color: var(--ds-color-info);
 }
-.content {
+.Toast_content {
   display: flex;
   align-items: flex-start;
   gap: var(--ds-space-3);
   padding: var(--ds-space-4);
 }
-.text {
+.Toast_text {
   flex: 1;
   min-width: 0;
 }
-.title {
+.Toast_title {
   font-size: var(--ds-font-size-sm);
   font-weight: var(--ds-font-weight-semibold);
   color: var(--ds-color-text);
   margin: 0;
 }
-.description {
+.Toast_description {
   font-size: var(--ds-font-size-xs);
   color: var(--ds-color-text-muted);
   margin-top: var(--ds-space-1);
 }
-.close {
+.Toast_close {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1081,14 +1082,14 @@
   flex-shrink: 0;
   padding: 0;
 }
-.close:hover {
+.Toast_close:hover {
   background: var(--ds-color-bg-subtle);
 }
-.close:focus-visible {
+.Toast_close:focus-visible {
   outline: 2px solid var(--ds-color-border-focus);
   outline-offset: 2px;
 }
-@keyframes slideIn {
+@keyframes Toast_slideIn {
   from {
     transform: translateX(calc(100% + var(--ds-space-6)));
     opacity: 0;
@@ -1098,7 +1099,7 @@
     opacity: 1;
   }
 }
-@keyframes slideOut {
+@keyframes Toast_slideOut {
   from {
     transform: translateX(0);
     opacity: 1;
@@ -1110,33 +1111,33 @@
 }
 
 /* src/components/molecules/Table/Table.module.css */
-.wrapper {
+.Table_wrapper {
   width: 100%;
   overflow-x: auto;
   border: 1px solid var(--ds-color-border);
   border-radius: var(--ds-radius-lg);
 }
-.table {
+.Table_table {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--ds-font-family-base);
   font-size: var(--ds-font-size-sm);
 }
-.caption {
+.Table_caption {
   padding: var(--ds-space-3) var(--ds-space-4);
   text-align: left;
   font-size: var(--ds-font-size-sm);
   color: var(--ds-color-text-muted);
 }
-.head {
+.Table_head {
   background: var(--ds-color-bg-subtle);
 }
-.stickyHeader .head {
+.Table_stickyHeader .Table_head {
   position: sticky;
   top: 0;
   z-index: var(--ds-z-raised);
 }
-.th {
+.Table_th {
   padding: var(--ds-space-3) var(--ds-space-4);
   text-align: left;
   font-weight: var(--ds-font-weight-semibold);
@@ -1144,16 +1145,16 @@
   border-bottom: 2px solid var(--ds-color-border);
   white-space: nowrap;
 }
-.td {
+.Table_td {
   padding: var(--ds-space-3) var(--ds-space-4);
   color: var(--ds-color-text);
   border-bottom: 1px solid var(--ds-color-border-muted);
   vertical-align: middle;
 }
-.row:last-child .td {
+.Table_row:last-child .Table_td {
   border-bottom: none;
 }
-.body .row:hover {
+.Table_body .Table_row:hover {
   background: var(--ds-color-bg-subtle);
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */