@pearpages/pulp-react 0.0.0

package/dist/index.css

@@ -0,0 +1,2345 @@
+/* src/icon/Icon.module.css */
+@layer components {
+  .Icon_icon {
+    display: inline-flex;
+    flex: none;
+    inline-size: 1em;
+    block-size: 1em;
+    font-size: var(--icon-size-md);
+    vertical-align: middle;
+    &[data-size=sm] {
+      font-size: var(--icon-size-sm);
+    }
+    &[data-size=lg] {
+      font-size: var(--icon-size-lg);
+    }
+    &[data-size=inherit] {
+      font-size: inherit;
+    }
+    & > * {
+      inline-size: 100%;
+      block-size: 100%;
+    }
+  }
+}
+
+/* src/visually-hidden/VisuallyHidden.module.css */
+@layer components {
+  .VisuallyHidden_root {
+    position: absolute;
+    inline-size: var(--visually-hidden-size);
+    block-size: var(--visually-hidden-size);
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+
+/* src/spinner/Spinner.module.css */
+@layer components {
+  .Spinner_spinner {
+    --_size: var(--spinner-size-md);
+    --_track: var(--spinner-track);
+    --_indicator: var(--spinner-indicator);
+    display: inline-flex;
+    flex: none;
+    inline-size: var(--_size);
+    block-size: var(--_size);
+    vertical-align: middle;
+    &[data-size=sm] {
+      --_size: var(--spinner-size-sm);
+    }
+    &[data-size=lg] {
+      --_size: var(--spinner-size-lg);
+    }
+    &[data-size=inherit] {
+      --_size: 1em;
+    }
+    &[data-tone=inherit] {
+      --_track: transparent;
+      --_indicator: currentcolor;
+    }
+  }
+  .Spinner_ring {
+    inline-size: 100%;
+    block-size: 100%;
+    border: var(--spinner-width) solid var(--_track);
+    border-block-start-color: var(--_indicator);
+    border-radius: var(--radius-full);
+    animation: Spinner_spin var(--spinner-duration) linear infinite;
+  }
+  @keyframes Spinner_spin {
+    to {
+      rotate: 1turn;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Spinner_ring {
+      animation: none;
+    }
+  }
+}
+
+/* src/button/Button.module.css */
+@layer components {
+  .Button_button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--button-gap);
+    min-block-size: var(--button-height-md);
+    padding-block: 0;
+    padding-inline: var(--button-padding-inline-md);
+    border: 1px solid transparent;
+    border-radius: var(--button-radius);
+    font-family: var(--button-font-family);
+    font-size: var(--button-font-size-md);
+    font-weight: var(--button-font-weight);
+    line-height: 1;
+    text-decoration: none;
+    white-space: nowrap;
+    cursor: pointer;
+    user-select: none;
+    transition:
+      background-color var(--button-motion-duration) var(--motion-easing-standard),
+      border-color var(--button-motion-duration) var(--motion-easing-standard),
+      color var(--button-motion-duration) var(--motion-easing-standard);
+    &:focus-visible {
+      outline: var(--button-focus-ring-width) solid var(--button-focus-ring);
+      outline-offset: var(--button-focus-ring-offset);
+    }
+    &:disabled,
+    &[aria-disabled=true] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-loading] {
+      cursor: progress;
+    }
+    &[data-size=sm] {
+      min-block-size: var(--button-height-sm);
+      padding-inline: var(--button-padding-inline-sm);
+      font-size: var(--button-font-size-sm);
+    }
+    &[data-size=lg] {
+      min-block-size: var(--button-height-lg);
+      padding-inline: var(--button-padding-inline-lg);
+      font-size: var(--button-font-size-lg);
+    }
+    &[data-variant=primary] {
+      background-color: var(--button-primary-bg);
+      color: var(--button-primary-fg);
+      &:hover:not(:disabled, [aria-disabled=true]) {
+        background-color: var(--button-primary-bg-hover);
+      }
+      &:active:not(:disabled, [aria-disabled=true]) {
+        background-color: var(--button-primary-bg-active);
+      }
+    }
+    &[data-variant=secondary] {
+      background-color: var(--button-secondary-bg);
+      border-color: var(--button-secondary-border);
+      color: var(--button-secondary-fg);
+      &:hover:not(:disabled, [aria-disabled=true]) {
+        background-color: var(--button-secondary-bg-hover);
+      }
+    }
+    &[data-variant=ghost] {
+      background-color: transparent;
+      color: var(--button-ghost-fg);
+      &:hover:not(:disabled, [aria-disabled=true]) {
+        background-color: var(--button-ghost-bg-hover);
+      }
+    }
+  }
+  .Button_label {
+    display: inline-block;
+  }
+}
+
+/* src/field/Field.module.css */
+@layer components {
+  .Field_field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--field-gap);
+  }
+  .Field_label {
+    font-size: var(--field-label-font-size);
+    font-weight: var(--field-label-font-weight);
+    color: var(--field-label-fg);
+  }
+  .Field_required {
+    margin-inline-start: var(--field-required-gap);
+    color: var(--field-required-fg);
+  }
+  .Field_description {
+    margin: 0;
+    font-size: var(--field-description-font-size);
+    color: var(--field-description-fg);
+  }
+  .Field_error {
+    margin: 0;
+    font-size: var(--field-error-font-size);
+    color: var(--field-error-fg);
+  }
+}
+
+/* src/text-field/TextField.module.css */
+@layer components {
+  .TextField_field {
+    font-family: var(--text-field-font-family);
+  }
+  .TextField_input {
+    min-block-size: var(--text-field-height-md);
+    padding-block: 0;
+    padding-inline: var(--text-field-padding-inline);
+    border: 1px solid var(--text-field-border-default);
+    border-radius: var(--text-field-radius);
+    background-color: var(--text-field-bg);
+    color: var(--text-field-fg);
+    font-size: var(--text-field-font-size-md);
+    transition: border-color var(--text-field-motion-duration) var(--motion-easing-standard), background-color var(--text-field-motion-duration) var(--motion-easing-standard);
+    &::placeholder {
+      color: var(--text-field-placeholder);
+    }
+    &:focus-visible {
+      border-color: var(--text-field-border-focus);
+      outline: var(--text-field-focus-ring-width) solid var(--text-field-focus-ring);
+      outline-offset: var(--text-field-focus-ring-offset);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:read-only:not(:disabled) {
+      background-color: var(--color-surface-sunken);
+    }
+    &:hover:not(:disabled, :focus-visible) {
+      border-color: var(--text-field-border-hover);
+    }
+  }
+  .TextField_field[data-size=sm] .TextField_input {
+    min-block-size: var(--text-field-height-sm);
+    font-size: var(--text-field-font-size-sm);
+  }
+  .TextField_field[data-size=lg] .TextField_input {
+    min-block-size: var(--text-field-height-lg);
+    font-size: var(--text-field-font-size-lg);
+  }
+  .TextField_field[data-invalid] .TextField_input {
+    border-color: var(--text-field-border-invalid);
+  }
+}
+
+/* src/card/Card.module.css */
+@layer components {
+  .Card_card {
+    --_pad: var(--card-padding-md);
+    display: flex;
+    flex-direction: column;
+    min-inline-size: 0;
+    border: 1px solid transparent;
+    border-radius: var(--card-radius);
+    background-color: var(--card-bg);
+    color: var(--card-fg);
+    text-decoration: none;
+    transition:
+      border-color var(--card-motion-duration) var(--motion-easing-standard),
+      box-shadow var(--card-motion-duration) var(--motion-easing-standard),
+      translate var(--card-motion-duration) var(--motion-easing-standard);
+    &[data-padding=sm] {
+      --_pad: var(--card-padding-sm);
+    }
+    &[data-padding=lg] {
+      --_pad: var(--card-padding-lg);
+    }
+    &[data-variant=raised] {
+      box-shadow: var(--card-shadow);
+    }
+    &[data-variant=outlined] {
+      border-color: var(--card-border);
+    }
+    &[data-variant=sunken] {
+      background-color: var(--card-bg-sunken);
+    }
+    &[data-interactive] {
+      cursor: pointer;
+      &:hover {
+        border-color: var(--card-border-hover);
+        translate: 0 -1px;
+      }
+      &:focus-visible {
+        outline: var(--card-focus-ring-width) solid var(--card-focus-ring);
+        outline-offset: var(--card-focus-ring-offset);
+      }
+    }
+  }
+  .Card_header,
+  .Card_body,
+  .Card_footer {
+    padding: var(--_pad);
+  }
+  .Card_header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--card-gap);
+    border-block-end: 1px solid var(--card-divider);
+  }
+  .Card_body {
+    flex: 1;
+  }
+  .Card_footer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--card-gap);
+    border-block-start: 1px solid var(--card-divider);
+  }
+}
+
+/* src/tabs/Tabs.module.css */
+@layer components {
+  .Tabs_root {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    &[data-orientation=vertical] {
+      flex-direction: row;
+    }
+  }
+  .Tabs_list {
+    display: flex;
+    gap: var(--tabs-gap);
+    border-block-end: 1px solid var(--tabs-list-border);
+    &[data-orientation=vertical] {
+      flex-direction: column;
+      border-block-end: none;
+      border-inline-end: 1px solid var(--tabs-list-border);
+    }
+  }
+  .Tabs_tab {
+    position: relative;
+    padding-block: var(--tabs-tab-padding-block);
+    padding-inline: var(--tabs-tab-padding-inline);
+    border: none;
+    border-radius: var(--tabs-tab-radius) var(--tabs-tab-radius) 0 0;
+    background-color: transparent;
+    color: var(--tabs-tab-fg);
+    font-size: var(--tabs-tab-font-size);
+    font-weight: var(--tabs-tab-font-weight);
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: color var(--tabs-motion-duration) var(--motion-easing-standard), background-color var(--tabs-motion-duration) var(--motion-easing-standard);
+    border-block-end: 2px solid transparent;
+    &:focus-visible {
+      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);
+      outline-offset: calc(-1 * var(--tabs-focus-ring-offset));
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-state=active] {
+      color: var(--tabs-tab-fg-active);
+      border-block-end-color: var(--tabs-tab-indicator);
+    }
+    &:hover:not(:disabled, [data-state=active]) {
+      color: var(--tabs-tab-fg-hover);
+      background-color: var(--tabs-tab-bg-hover);
+    }
+  }
+  .Tabs_list[data-orientation=vertical] .Tabs_tab {
+    border-radius: var(--tabs-tab-radius) 0 0 var(--tabs-tab-radius);
+    border-block-end: none;
+    border-inline-end: 2px solid transparent;
+    text-align: start;
+    &[data-state=active] {
+      border-inline-end-color: var(--tabs-tab-indicator);
+    }
+  }
+  .Tabs_panel {
+    padding-block: var(--tabs-panel-padding-block);
+    color: var(--tabs-panel-fg);
+    &:focus-visible {
+      outline: var(--tabs-focus-ring-width) solid var(--tabs-focus-ring);
+      outline-offset: var(--tabs-focus-ring-offset);
+    }
+  }
+  .Tabs_root[data-orientation=vertical] .Tabs_panel {
+    padding-block: 0;
+    padding-inline-start: var(--tabs-tab-padding-inline);
+  }
+}
+
+/* src/dialog/Dialog.module.css */
+@layer components {
+  .Dialog_root {
+    --modal-bg: var(--dialog-surface);
+    --modal-surface-elevated: var(--dialog-surface);
+    --modal-surface-subtle: var(--dialog-surface-subtle);
+    --modal-color: var(--dialog-fg);
+    --modal-text-secondary: var(--dialog-fg-muted);
+    --modal-text-muted: var(--dialog-fg-muted);
+    --modal-backdrop-bg: var(--dialog-backdrop);
+    --modal-border-primary-color: var(--dialog-border);
+    --modal-border-hover-color: var(--dialog-border-hover);
+    --modal-border-focus-color: var(--dialog-focus);
+    --modal-border-accent-color: var(--dialog-border);
+    --modal-radius: var(--dialog-radius);
+    --modal-radius-md: var(--dialog-radius);
+    --modal-radius-sm: var(--radius-control);
+    --modal-button-radius: var(--radius-control);
+    --modal-shadow: var(--dialog-shadow);
+    --modal-padding: var(--dialog-padding);
+    --modal-spacing-xs: var(--space-1);
+    --modal-spacing-sm: var(--space-2);
+    --modal-spacing-md: var(--dialog-gap);
+    --modal-spacing-lg: var(--space-4);
+    --modal-spacing-xl: var(--space-5);
+    --modal-font-family: var(--dialog-font-family);
+    --modal-font-family-mono: var(--font-family-mono);
+    --modal-font-size-title: var(--dialog-title-font-size);
+    --modal-font-size-title-mobile: var(--dialog-title-font-size);
+    --modal-font-weight-title: var(--dialog-title-font-weight);
+    --modal-font-size-description: var(--dialog-description-font-size);
+    --modal-font-size-description-mobile: var(--dialog-description-font-size);
+    --modal-font-size-button: var(--font-size-sm);
+    --modal-close-bg: var(--dialog-close-bg);
+    --modal-close-hover-bg: var(--dialog-close-bg-hover);
+    --modal-close-text: var(--dialog-close-fg);
+    --modal-close-hover-text: var(--dialog-close-fg-hover);
+    --modal-interactive-hover: var(--color-action-secondary-hover);
+    --modal-interactive-active: var(--color-action-secondary-hover);
+    --modal-interactive-focus: var(--color-action-primary-quiet);
+    --modal-transition-duration: var(--dialog-motion-duration);
+    --modal-transition-easing: var(--dialog-motion-easing);
+    --modal-outline-width: var(--focus-ring-width);
+    --modal-outline-offset: var(--focus-ring-offset);
+    --modal-button-focus-color: var(--dialog-focus);
+    --modal-button-primary-bg: var(--color-action-primary);
+    --modal-button-primary-border: var(--color-action-primary);
+    --modal-button-primary-color: var(--color-text-on-action);
+    --modal-button-primary-hover-bg: var(--color-action-primary-hover);
+    --modal-button-primary-hover-border: var(--color-action-primary-hover);
+    --modal-button-primary-active-bg: var(--color-action-primary-active);
+    --modal-button-primary-active-border: var(--color-action-primary-active);
+    --modal-button-secondary-bg: var(--color-action-secondary);
+    --modal-button-secondary-border: var(--color-border-default);
+    --modal-button-secondary-color: var(--color-text-default);
+    --modal-button-secondary-hover-bg: var(--color-action-secondary-hover);
+    --modal-button-secondary-hover-border: var(--color-border-strong);
+    --modal-button-secondary-active-bg: var(--color-action-secondary-hover);
+    --modal-button-secondary-active-border: var(--color-border-strong);
+  }
+}
+
+/* src/text/Text.module.css */
+@layer components {
+  .Text_text {
+    margin: 0;
+    font-family: var(--text-font-family-body);
+    font-size: var(--text-size-md);
+    font-weight: var(--text-weight-regular);
+    line-height: var(--text-line-height);
+    color: var(--text-tone-default);
+    &[data-size=xs] {
+      font-size: var(--text-size-xs);
+    }
+    &[data-size=sm] {
+      font-size: var(--text-size-sm);
+    }
+    &[data-size=lg] {
+      font-size: var(--text-size-lg);
+    }
+    &[data-size=xl] {
+      font-size: var(--text-size-xl);
+    }
+    &[data-weight=medium] {
+      font-weight: var(--text-weight-medium);
+    }
+    &[data-weight=semibold] {
+      font-weight: var(--text-weight-semibold);
+    }
+    &[data-tone=muted] {
+      color: var(--text-tone-muted);
+    }
+    &[data-tone=faint] {
+      color: var(--text-tone-faint);
+    }
+    &[data-family=mono] {
+      font-family: var(--text-font-family-mono);
+    }
+    &[data-align=start] {
+      text-align: start;
+    }
+    &[data-align=center] {
+      text-align: center;
+    }
+    &[data-align=end] {
+      text-align: end;
+    }
+    &[data-truncate] {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+
+/* src/heading/Heading.module.css */
+@layer components {
+  .Heading_heading {
+    margin: 0;
+    font-family: var(--heading-font-family);
+    font-weight: var(--heading-font-weight);
+    line-height: var(--heading-line-height);
+    color: var(--heading-tone-default);
+    text-wrap: balance;
+    &[data-size=sm] {
+      font-size: var(--heading-size-sm);
+    }
+    &[data-size=md] {
+      font-size: var(--heading-size-md);
+    }
+    &[data-size=lg] {
+      font-size: var(--heading-size-lg);
+    }
+    &[data-size=xl] {
+      font-size: var(--heading-size-xl);
+    }
+    &[data-size="2xl"] {
+      font-size: var(--heading-size-2xl);
+    }
+    &[data-tone=muted] {
+      color: var(--heading-tone-muted);
+    }
+  }
+}
+
+/* src/stack/Stack.module.css */
+@layer components {
+  .Stack_stack {
+    display: flex;
+    flex-direction: column;
+    gap: var(--stack-gap-3);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    &[data-gap="1"] {
+      gap: var(--stack-gap-1);
+    }
+    &[data-gap="2"] {
+      gap: var(--stack-gap-2);
+    }
+    &[data-gap="3"] {
+      gap: var(--stack-gap-3);
+    }
+    &[data-gap="4"] {
+      gap: var(--stack-gap-4);
+    }
+    &[data-gap="5"] {
+      gap: var(--stack-gap-5);
+    }
+    &[data-gap="6"] {
+      gap: var(--stack-gap-6);
+    }
+    &[data-gap="7"] {
+      gap: var(--stack-gap-7);
+    }
+    &[data-gap="8"] {
+      gap: var(--stack-gap-8);
+    }
+    &[data-align=start] {
+      align-items: flex-start;
+    }
+    &[data-align=center] {
+      align-items: center;
+    }
+    &[data-align=end] {
+      align-items: flex-end;
+    }
+    &[data-align=stretch] {
+      align-items: stretch;
+    }
+    &[data-justify=start] {
+      justify-content: flex-start;
+    }
+    &[data-justify=center] {
+      justify-content: center;
+    }
+    &[data-justify=end] {
+      justify-content: flex-end;
+    }
+    &[data-justify=between] {
+      justify-content: space-between;
+    }
+  }
+}
+
+/* src/inline/Inline.module.css */
+@layer components {
+  .Inline_inline {
+    display: flex;
+    flex-flow: row nowrap;
+    gap: var(--inline-gap-3);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    &[data-gap="1"] {
+      gap: var(--inline-gap-1);
+    }
+    &[data-gap="2"] {
+      gap: var(--inline-gap-2);
+    }
+    &[data-gap="3"] {
+      gap: var(--inline-gap-3);
+    }
+    &[data-gap="4"] {
+      gap: var(--inline-gap-4);
+    }
+    &[data-gap="5"] {
+      gap: var(--inline-gap-5);
+    }
+    &[data-gap="6"] {
+      gap: var(--inline-gap-6);
+    }
+    &[data-gap="7"] {
+      gap: var(--inline-gap-7);
+    }
+    &[data-gap="8"] {
+      gap: var(--inline-gap-8);
+    }
+    &[data-align=start] {
+      align-items: flex-start;
+    }
+    &[data-align=center] {
+      align-items: center;
+    }
+    &[data-align=end] {
+      align-items: flex-end;
+    }
+    &[data-align=stretch] {
+      align-items: stretch;
+    }
+    &[data-justify=start] {
+      justify-content: flex-start;
+    }
+    &[data-justify=center] {
+      justify-content: center;
+    }
+    &[data-justify=end] {
+      justify-content: flex-end;
+    }
+    &[data-justify=between] {
+      justify-content: space-between;
+    }
+    &[data-wrap] {
+      flex-wrap: wrap;
+    }
+  }
+}
+
+/* src/icon-button/IconButton.module.css */
+@layer components {
+  .IconButton_iconButton[data-icon-only] {
+    gap: 0;
+    inline-size: var(--icon-button-size-md);
+    padding-inline: 0;
+    &[data-size=sm] {
+      inline-size: var(--icon-button-size-sm);
+    }
+    &[data-size=lg] {
+      inline-size: var(--icon-button-size-lg);
+    }
+  }
+}
+
+/* src/checkbox/Checkbox.module.css */
+@layer components {
+  .Checkbox_checkbox {
+    --_size: var(--checkbox-size-md);
+    --_border: var(--checkbox-border);
+    font-family: var(--font-family-body);
+    &[data-size=sm] {
+      --_size: var(--checkbox-size-sm);
+    }
+    &[data-size=lg] {
+      --_size: var(--checkbox-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--checkbox-border-invalid);
+    }
+  }
+  .Checkbox_row {
+    display: flex;
+    align-items: center;
+    gap: var(--checkbox-gap);
+  }
+  .Checkbox_input {
+    display: grid;
+    flex: none;
+    place-content: center;
+    inline-size: var(--_size);
+    block-size: var(--_size);
+    margin: 0;
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--checkbox-radius);
+    background-color: var(--checkbox-bg);
+    appearance: none;
+    cursor: pointer;
+    transition: background-color var(--checkbox-motion-duration) var(--motion-easing-standard), border-color var(--checkbox-motion-duration) var(--motion-easing-standard);
+    &::after {
+      content: "";
+      inline-size: calc(var(--_size) * 0.3);
+      block-size: calc(var(--_size) * 0.55);
+      border-style: solid;
+      border-color: var(--checkbox-check);
+      border-width: 0 var(--checkbox-check-width) var(--checkbox-check-width) 0;
+      rotate: 45deg;
+      translate: 0 -10%;
+      opacity: 0;
+    }
+    &:checked,
+    &:indeterminate {
+      border-color: var(--checkbox-bg-checked);
+      background-color: var(--checkbox-bg-checked);
+      &::after {
+        opacity: 1;
+      }
+    }
+    &:indeterminate::after {
+      inline-size: calc(var(--_size) * 0.55);
+      block-size: 0;
+      border-width: 0 0 var(--checkbox-check-width);
+      rotate: 0deg;
+      translate: 0 0;
+    }
+    &:focus-visible {
+      outline: var(--checkbox-focus-ring-width) solid var(--checkbox-focus-ring);
+      outline-offset: var(--checkbox-focus-ring-offset);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:hover:not(:disabled, :checked, :indeterminate) {
+      border-color: var(--checkbox-border-hover);
+    }
+    &:hover:not(:disabled):is(:checked, :indeterminate) {
+      border-color: var(--checkbox-bg-checked-hover);
+      background-color: var(--checkbox-bg-checked-hover);
+    }
+  }
+}
+
+/* src/switch/Switch.module.css */
+@layer components {
+  .Switch_switch {
+    --_size: var(--switch-size-md);
+    --_track: var(--switch-track-bg);
+    font-family: var(--font-family-body);
+    &[data-size=sm] {
+      --_size: var(--switch-size-sm);
+    }
+    &[data-size=lg] {
+      --_size: var(--switch-size-lg);
+    }
+    &[data-invalid] {
+      --_track: var(--switch-track-invalid);
+    }
+  }
+  .Switch_row {
+    display: flex;
+    align-items: center;
+    gap: var(--switch-gap);
+  }
+  .Switch_input {
+    --_inset: calc(2 * var(--switch-thumb-inset));
+    position: relative;
+    flex: none;
+    inline-size: calc(2 * var(--_size));
+    block-size: var(--_size);
+    margin: 0;
+    border: none;
+    border-radius: var(--switch-radius);
+    background-color: var(--_track);
+    appearance: none;
+    cursor: pointer;
+    transition: background-color var(--switch-motion-duration) var(--motion-easing-standard);
+    &::before {
+      content: "";
+      position: absolute;
+      inset-block-start: var(--_inset);
+      inset-inline-start: var(--_inset);
+      inline-size: calc(var(--_size) - 2 * var(--_inset));
+      block-size: calc(var(--_size) - 2 * var(--_inset));
+      border-radius: var(--switch-radius);
+      background-color: var(--switch-thumb);
+      transition: translate var(--switch-motion-duration) var(--motion-easing-standard);
+    }
+    &:checked {
+      background-color: var(--switch-track-bg-checked);
+      &::before {
+        translate: var(--_size) 0;
+        background-color: var(--switch-thumb-checked);
+      }
+    }
+    &:focus-visible {
+      outline: var(--switch-focus-ring-width) solid var(--switch-focus-ring);
+      outline-offset: var(--switch-focus-ring-offset);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:hover:not(:disabled, :checked) {
+      background-color: var(--switch-track-bg-hover);
+    }
+    &:hover:not(:disabled):checked {
+      background-color: var(--switch-track-bg-checked-hover);
+    }
+  }
+}
+
+/* src/radio/Radio.module.css */
+@layer components {
+  .Radio_group {
+    --_size: var(--radio-size-md);
+    --_border: var(--radio-border);
+    font-family: var(--font-family-body);
+    &[data-size=sm] {
+      --_size: var(--radio-size-sm);
+    }
+    &[data-size=lg] {
+      --_size: var(--radio-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--radio-border-invalid);
+    }
+  }
+  .Radio_items {
+    display: flex;
+    flex-direction: column;
+    gap: var(--radio-group-gap);
+    &[data-orientation=horizontal] {
+      flex-flow: row wrap;
+      gap: var(--radio-group-gap) var(--space-4);
+    }
+  }
+  .Radio_radio {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--radio-gap);
+    cursor: pointer;
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
+  .Radio_label {
+    font-size: var(--field-label-font-size);
+    color: var(--field-label-fg);
+  }
+  .Radio_input {
+    display: grid;
+    flex: none;
+    place-content: center;
+    inline-size: var(--_size);
+    block-size: var(--_size);
+    margin: 0;
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--radio-radius);
+    background-color: var(--radio-bg);
+    appearance: none;
+    cursor: inherit;
+    transition: border-color var(--radio-motion-duration) var(--motion-easing-standard);
+    &::after {
+      content: "";
+      inline-size: calc(var(--_size) / 2);
+      block-size: calc(var(--_size) / 2);
+      border-radius: var(--radio-radius);
+      background-color: var(--radio-dot);
+      scale: 0;
+      transition: scale var(--radio-motion-duration) var(--motion-easing-standard);
+    }
+    &:checked {
+      border-color: var(--radio-border-checked);
+      &::after {
+        scale: 1;
+      }
+    }
+    &:focus-visible {
+      outline: var(--radio-focus-ring-width) solid var(--radio-focus-ring);
+      outline-offset: var(--radio-focus-ring-offset);
+    }
+    &:disabled {
+      opacity: 0.55;
+    }
+    &:hover:not(:disabled, :checked) {
+      border-color: var(--radio-border-hover);
+    }
+  }
+}
+
+/* src/textarea/Textarea.module.css */
+@layer components {
+  .Textarea_field {
+    font-family: var(--textarea-font-family);
+  }
+  .Textarea_textarea {
+    min-block-size: var(--textarea-min-height);
+    padding-block: var(--textarea-padding-block);
+    padding-inline: var(--textarea-padding-inline);
+    border: var(--size-hairline) solid var(--textarea-border-default);
+    border-radius: var(--textarea-radius);
+    background-color: var(--textarea-bg);
+    color: var(--textarea-fg);
+    font-size: var(--textarea-font-size-md);
+    line-height: var(--textarea-line-height);
+    resize: vertical;
+    transition: border-color var(--textarea-motion-duration) var(--motion-easing-standard), background-color var(--textarea-motion-duration) var(--motion-easing-standard);
+    &::placeholder {
+      color: var(--textarea-placeholder);
+    }
+    &:focus-visible {
+      border-color: var(--textarea-border-focus);
+      outline: var(--textarea-focus-ring-width) solid var(--textarea-focus-ring);
+      outline-offset: var(--textarea-focus-ring-offset);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:read-only:not(:disabled) {
+      background-color: var(--color-surface-sunken);
+    }
+    &:hover:not(:disabled, :focus-visible) {
+      border-color: var(--textarea-border-hover);
+    }
+  }
+  .Textarea_field[data-size=sm] .Textarea_textarea {
+    font-size: var(--textarea-font-size-sm);
+  }
+  .Textarea_field[data-size=lg] .Textarea_textarea {
+    font-size: var(--textarea-font-size-lg);
+  }
+  .Textarea_field[data-resize=none] .Textarea_textarea {
+    resize: none;
+  }
+  .Textarea_field[data-resize=both] .Textarea_textarea {
+    resize: both;
+  }
+  .Textarea_field[data-auto-grow] .Textarea_textarea {
+    field-sizing: content;
+  }
+  .Textarea_field[data-invalid] .Textarea_textarea {
+    border-color: var(--textarea-border-invalid);
+  }
+}
+
+/* src/select/Select.module.css */
+@layer components {
+  .Select_field {
+    --_height: var(--select-height-md);
+    --_font-size: var(--select-font-size-md);
+    --_border: var(--select-border-default);
+    font-family: var(--select-font-family);
+    &[data-size=sm] {
+      --_height: var(--select-height-sm);
+      --_font-size: var(--select-font-size-sm);
+    }
+    &[data-size=lg] {
+      --_height: var(--select-height-lg);
+      --_font-size: var(--select-font-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--select-border-invalid);
+    }
+  }
+  .Select_control {
+    display: grid;
+    align-items: center;
+    & > * {
+      grid-area: 1 / 1;
+    }
+    &::after {
+      content: "";
+      inline-size: var(--space-2);
+      block-size: var(--space-2);
+      margin-inline-end: var(--select-chevron-inset);
+      border-inline-end: var(--select-chevron-width) solid var(--select-chevron);
+      border-block-end: var(--select-chevron-width) solid var(--select-chevron);
+      justify-self: end;
+      rotate: 45deg;
+      translate: 0 -25%;
+      pointer-events: none;
+      grid-area: 1 / 1;
+    }
+  }
+  .Select_select {
+    inline-size: 100%;
+    min-block-size: var(--_height);
+    padding-block: 0;
+    padding-inline: var(--select-padding-inline) var(--select-chevron-gap);
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--select-radius);
+    background-color: var(--select-bg);
+    color: var(--select-fg);
+    font-size: var(--_font-size);
+    appearance: none;
+    cursor: pointer;
+    transition: border-color var(--select-motion-duration) var(--motion-easing-standard);
+    &:focus-visible {
+      border-color: var(--select-border-focus);
+      outline: var(--select-focus-ring-width) solid var(--select-focus-ring);
+      outline-offset: var(--select-focus-ring-offset);
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:hover:not(:disabled, :focus-visible) {
+      border-color: var(--select-border-hover);
+    }
+    &:has(option[value=""]:checked) {
+      color: var(--select-placeholder);
+    }
+  }
+}
+
+/* src/badge/Badge.module.css */
+@layer components {
+  .Badge_badge {
+    --_bg: var(--badge-neutral-subtle-bg);
+    --_fg: var(--badge-neutral-subtle-fg);
+    display: inline-flex;
+    align-items: center;
+    gap: var(--badge-gap);
+    padding-block: var(--badge-padding-block);
+    padding-inline: var(--badge-padding-inline-md);
+    border-radius: var(--badge-radius);
+    background-color: var(--_bg);
+    color: var(--_fg);
+    font-size: var(--badge-font-size-md);
+    font-weight: var(--badge-font-weight);
+    line-height: var(--badge-line-height);
+    white-space: nowrap;
+    &[data-size=sm] {
+      padding-inline: var(--badge-padding-inline-sm);
+      font-size: var(--badge-font-size-sm);
+    }
+    &[data-tone=neutral][data-variant=solid] {
+      --_bg: var(--badge-neutral-solid-bg);
+      --_fg: var(--badge-neutral-solid-fg);
+    }
+    &[data-tone=neutral][data-variant=subtle] {
+      --_bg: var(--badge-neutral-subtle-bg);
+      --_fg: var(--badge-neutral-subtle-fg);
+    }
+    &[data-tone=info][data-variant=solid] {
+      --_bg: var(--badge-info-solid-bg);
+      --_fg: var(--badge-info-solid-fg);
+    }
+    &[data-tone=info][data-variant=subtle] {
+      --_bg: var(--badge-info-subtle-bg);
+      --_fg: var(--badge-info-subtle-fg);
+    }
+    &[data-tone=success][data-variant=solid] {
+      --_bg: var(--badge-success-solid-bg);
+      --_fg: var(--badge-success-solid-fg);
+    }
+    &[data-tone=success][data-variant=subtle] {
+      --_bg: var(--badge-success-subtle-bg);
+      --_fg: var(--badge-success-subtle-fg);
+    }
+    &[data-tone=warning][data-variant=solid] {
+      --_bg: var(--badge-warning-solid-bg);
+      --_fg: var(--badge-warning-solid-fg);
+    }
+    &[data-tone=warning][data-variant=subtle] {
+      --_bg: var(--badge-warning-subtle-bg);
+      --_fg: var(--badge-warning-subtle-fg);
+    }
+    &[data-tone=error][data-variant=solid] {
+      --_bg: var(--badge-error-solid-bg);
+      --_fg: var(--badge-error-solid-fg);
+    }
+    &[data-tone=error][data-variant=subtle] {
+      --_bg: var(--badge-error-subtle-bg);
+      --_fg: var(--badge-error-subtle-fg);
+    }
+  }
+}
+
+/* src/alert/Alert.module.css */
+@layer components {
+  .Alert_alert {
+    --_bg: var(--alert-info-bg);
+    --_accent: var(--alert-info-accent);
+    --_title: var(--alert-info-title);
+    display: flex;
+    align-items: flex-start;
+    gap: var(--alert-gap);
+    padding: var(--alert-padding);
+    border: var(--alert-border-width) solid var(--_accent);
+    border-inline-start-width: var(--alert-accent-width);
+    border-radius: var(--alert-radius);
+    background-color: var(--_bg);
+    color: var(--alert-fg);
+    font-size: var(--alert-font-size);
+    &[data-tone=info] {
+      --_bg: var(--alert-info-bg);
+      --_accent: var(--alert-info-accent);
+      --_title: var(--alert-info-title);
+    }
+    &[data-tone=success] {
+      --_bg: var(--alert-success-bg);
+      --_accent: var(--alert-success-accent);
+      --_title: var(--alert-success-title);
+    }
+    &[data-tone=warning] {
+      --_bg: var(--alert-warning-bg);
+      --_accent: var(--alert-warning-accent);
+      --_title: var(--alert-warning-title);
+    }
+    &[data-tone=error] {
+      --_bg: var(--alert-error-bg);
+      --_accent: var(--alert-error-accent);
+      --_title: var(--alert-error-title);
+    }
+  }
+  .Alert_icon {
+    flex: none;
+    color: var(--_accent);
+  }
+  .Alert_body {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: var(--space-1);
+    min-inline-size: 0;
+  }
+  .Alert_title {
+    margin: 0;
+    color: var(--_title);
+    font-weight: var(--alert-title-font-weight);
+  }
+  .Alert_content {
+    overflow-wrap: anywhere;
+  }
+  .Alert_action {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    margin-block-start: var(--space-1);
+  }
+  .Alert_dismiss {
+    flex: none;
+    margin-block: calc(-1 * var(--space-1));
+    margin-inline-end: calc(-1 * var(--space-2));
+  }
+}
+
+/* src/toast/Toast.module.css */
+@layer components {
+  .Toast_region {
+    --_top: auto;
+    --_end: var(--toast-offset);
+    --_bottom: var(--toast-offset);
+    --_start: auto;
+    position: fixed;
+    z-index: var(--toast-layer);
+    inset: var(--_top) var(--_end) var(--_bottom) var(--_start);
+    inline-size: min(var(--toast-width), 100vw);
+    padding: 0;
+    pointer-events: none;
+    &[data-placement=top-end] {
+      --_top: var(--toast-offset);
+      --_bottom: auto;
+    }
+    &[data-placement=top-center] {
+      --_top: var(--toast-offset);
+      --_bottom: auto;
+      --_start: 0;
+      --_end: 0;
+      margin-inline: auto;
+    }
+  }
+  .Toast_list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--toast-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .Toast_item {
+    pointer-events: auto;
+    animation: Toast_enter var(--toast-motion-duration) var(--motion-easing-standard);
+  }
+  .Toast_toast {
+    border-radius: var(--toast-radius);
+    box-shadow: var(--toast-shadow);
+  }
+  @keyframes Toast_enter {
+    from {
+      opacity: 0;
+      translate: 0 var(--space-2);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Toast_item {
+      animation: none;
+    }
+  }
+}
+
+/* src/progress/Progress.module.css */
+@layer components {
+  .Progress_progress {
+    --_height: var(--progress-height-md);
+    --_indicator: var(--progress-indicator-primary);
+    display: flex;
+    flex-direction: column;
+    gap: var(--progress-gap);
+    font-family: var(--font-family-body);
+    &[data-size=sm] {
+      --_height: var(--progress-height-sm);
+    }
+    &[data-tone=success] {
+      --_indicator: var(--progress-indicator-success);
+    }
+    &[data-tone=warning] {
+      --_indicator: var(--progress-indicator-warning);
+    }
+    &[data-tone=error] {
+      --_indicator: var(--progress-indicator-error);
+    }
+  }
+  .Progress_header {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--space-3);
+    font-size: var(--progress-label-font-size);
+  }
+  .Progress_label {
+    color: var(--progress-label-fg);
+  }
+  .Progress_value {
+    color: var(--progress-value-fg);
+    font-variant-numeric: tabular-nums;
+  }
+  .Progress_track {
+    overflow: hidden;
+    block-size: var(--_height);
+    border-radius: var(--progress-radius);
+    background-color: var(--progress-track);
+  }
+  .Progress_indicator {
+    block-size: 100%;
+    inline-size: var(--_value, 0%);
+    border-radius: var(--progress-radius);
+    background-color: var(--_indicator);
+    transition: inline-size var(--progress-duration) var(--motion-easing-standard);
+  }
+  .Progress_progress[data-indeterminate] .Progress_indicator {
+    inline-size: 40%;
+    animation: Progress_slide calc(4 * var(--progress-duration)) var(--motion-easing-standard) infinite;
+  }
+  @keyframes Progress_slide {
+    from {
+      translate: -100% 0;
+    }
+    to {
+      translate: 250% 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Progress_progress[data-indeterminate] .Progress_indicator {
+      inline-size: 50%;
+      animation: none;
+    }
+  }
+}
+
+/* src/skeleton/Skeleton.module.css */
+@layer components {
+  .Skeleton_skeleton {
+    --_size: var(--skeleton-circle-md);
+    display: block;
+    inline-size: 100%;
+    border-radius: var(--skeleton-radius);
+    background-color: var(--skeleton-base);
+    background-image:
+      linear-gradient(
+        90deg,
+        var(--skeleton-base),
+        var(--skeleton-highlight),
+        var(--skeleton-base));
+    background-size: 200% 100%;
+    animation: Skeleton_shimmer calc(6 * var(--skeleton-duration)) linear infinite;
+    &[data-shape=text] {
+      block-size: var(--skeleton-text-height);
+    }
+    &[data-shape=rect] {
+      block-size: var(--skeleton-circle-lg);
+    }
+    &[data-shape=circle] {
+      inline-size: var(--_size);
+      block-size: var(--_size);
+      border-radius: var(--radius-full);
+    }
+    &[data-size=sm] {
+      --_size: var(--skeleton-circle-sm);
+    }
+    &[data-size=lg] {
+      --_size: var(--skeleton-circle-lg);
+    }
+    &[data-last] {
+      inline-size: 60%;
+    }
+  }
+  .Skeleton_lines {
+    display: flex;
+    flex-direction: column;
+    gap: var(--skeleton-gap);
+    inline-size: 100%;
+  }
+  @keyframes Skeleton_shimmer {
+    from {
+      background-position: 200% 0;
+    }
+    to {
+      background-position: -200% 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Skeleton_skeleton {
+      animation: none;
+      background-image: none;
+    }
+  }
+}
+
+/* src/internal/floating.css */
+@property --_gap { syntax: "<length>"; inherits: false; initial-value: 0px; }
+
+/* src/tooltip/Tooltip.module.css */
+@layer components {
+  .Tooltip_tooltip {
+    --_gap: var(--tooltip-gap);
+    position: fixed;
+    z-index: var(--tooltip-layer);
+    inset-block-start: var(--_y);
+    inset-inline-start: var(--_x);
+    max-inline-size: var(--tooltip-max-width);
+    padding-block: var(--tooltip-padding-block);
+    padding-inline: var(--tooltip-padding-inline);
+    border-radius: var(--tooltip-radius);
+    background-color: var(--tooltip-bg);
+    color: var(--tooltip-fg);
+    font-family: var(--font-family-body);
+    font-size: var(--tooltip-font-size);
+    line-height: var(--font-line-height-normal);
+    box-shadow: var(--tooltip-shadow);
+    pointer-events: none;
+    animation: Tooltip_fade var(--tooltip-duration) var(--motion-easing-standard);
+  }
+  @keyframes Tooltip_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Tooltip_tooltip {
+      animation: none;
+    }
+  }
+}
+
+/* src/popover/Popover.module.css */
+@layer components {
+  .Popover_content {
+    --_gap: var(--popover-gap);
+    position: fixed;
+    z-index: var(--popover-layer);
+    inset-block-start: var(--_y);
+    inset-inline-start: var(--_x);
+    display: flex;
+    flex-direction: column;
+    gap: var(--popover-gap);
+    inline-size: var(--popover-width);
+    max-inline-size: calc(100vw - 2 * var(--space-4));
+    padding: var(--popover-padding);
+    border: var(--size-hairline) solid var(--popover-border);
+    border-radius: var(--popover-radius);
+    background-color: var(--popover-bg);
+    color: var(--popover-fg);
+    font-family: var(--font-family-body);
+    box-shadow: var(--popover-shadow);
+    animation: Popover_fade var(--popover-duration) var(--motion-easing-standard);
+    &:focus-visible {
+      outline: var(--popover-focus-ring-width) solid var(--popover-focus-ring);
+      outline-offset: var(--popover-focus-ring-offset);
+    }
+  }
+  .Popover_title {
+    margin: 0;
+    font-family: var(--font-family-display);
+    font-size: var(--font-size-md);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--font-line-height-tight);
+  }
+  @keyframes Popover_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Popover_content {
+      animation: none;
+    }
+  }
+}
+
+/* src/accordion/Accordion.module.css */
+@layer components {
+  .Accordion_accordion {
+    display: flex;
+    flex-direction: column;
+    border: var(--size-hairline) solid var(--accordion-border);
+    border-radius: var(--accordion-radius);
+    font-family: var(--font-family-body);
+  }
+  .Accordion_item {
+    border-block-end: var(--size-hairline) solid var(--accordion-border);
+    &:last-child {
+      border-block-end: none;
+    }
+  }
+  .Accordion_heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  .Accordion_trigger {
+    display: flex;
+    gap: var(--accordion-trigger-gap);
+    align-items: center;
+    inline-size: 100%;
+    padding-block: var(--accordion-trigger-padding-block);
+    padding-inline: var(--accordion-trigger-padding-inline);
+    border: none;
+    background-color: transparent;
+    color: var(--accordion-trigger-fg);
+    font-size: var(--accordion-trigger-font-size);
+    font-weight: var(--accordion-trigger-font-weight);
+    text-align: start;
+    cursor: pointer;
+    transition: background-color var(--accordion-duration) var(--motion-easing-standard);
+    &:focus-visible {
+      outline: var(--accordion-focus-ring-width) solid var(--accordion-focus-ring);
+      outline-offset: calc(-1 * var(--accordion-focus-ring-offset));
+    }
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &:hover:not(:disabled) {
+      background-color: var(--accordion-trigger-bg-hover);
+    }
+  }
+  .Accordion_label {
+    flex: 1;
+  }
+  .Accordion_chevron {
+    color: var(--accordion-trigger-chevron);
+    transition: rotate var(--accordion-duration) var(--motion-easing-standard);
+  }
+  .Accordion_trigger[data-state=open] .Accordion_chevron {
+    rotate: 180deg;
+  }
+  .Accordion_panel {
+    padding-block: var(--accordion-panel-padding-block);
+    padding-inline: var(--accordion-panel-padding-inline);
+    color: var(--accordion-panel-fg);
+    font-size: var(--accordion-panel-font-size);
+  }
+}
+
+/* src/menu/Menu.module.css */
+@layer components {
+  .Menu_content {
+    --_gap: var(--menu-gap);
+    position: fixed;
+    z-index: var(--menu-layer);
+    inset-block-start: var(--_y);
+    inset-inline-start: var(--_x);
+    display: flex;
+    flex-direction: column;
+    min-inline-size: var(--menu-min-width);
+    max-inline-size: calc(100vw - 2 * var(--space-4));
+    padding: var(--menu-padding);
+    border: var(--size-hairline) solid var(--menu-border);
+    border-radius: var(--menu-radius);
+    background-color: var(--menu-bg);
+    color: var(--menu-fg);
+    font-family: var(--font-family-body);
+    box-shadow: var(--menu-shadow);
+    animation: Menu_fade var(--menu-duration) var(--motion-easing-standard);
+    &:focus-visible {
+      outline: var(--menu-focus-ring-width) solid var(--menu-focus-ring);
+      outline-offset: var(--menu-focus-ring-offset);
+    }
+  }
+  .Menu_item {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    inline-size: 100%;
+    padding-block: var(--menu-item-padding-block);
+    padding-inline: var(--menu-item-padding-inline);
+    border: none;
+    border-radius: var(--menu-item-radius);
+    background-color: transparent;
+    color: var(--menu-item-fg);
+    font-size: var(--menu-item-font-size);
+    text-align: start;
+    cursor: pointer;
+    &[data-tone=danger] {
+      color: var(--menu-item-fg-danger);
+    }
+    &[data-disabled] {
+      color: var(--menu-item-fg-muted);
+      cursor: not-allowed;
+    }
+    &:focus-visible {
+      outline: none;
+      background-color: var(--menu-item-bg-active);
+    }
+    &:hover:not([data-disabled]) {
+      background-color: var(--menu-item-bg-active);
+    }
+  }
+  .Menu_label {
+    flex: 1;
+  }
+  .Menu_separator {
+    block-size: var(--size-hairline);
+    margin-block: var(--menu-padding);
+    background-color: var(--menu-separator);
+  }
+  @keyframes Menu_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Menu_content {
+      animation: none;
+    }
+  }
+}
+
+/* src/internal/AriaField.module.css */
+@layer components {
+  .AriaField_field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--field-gap);
+    font-family: var(--font-family-body);
+  }
+  .AriaField_label {
+    font-size: var(--field-label-font-size);
+    font-weight: var(--field-label-font-weight);
+    color: var(--field-label-fg);
+  }
+  .AriaField_required {
+    margin-inline-start: var(--field-required-gap);
+    color: var(--field-required-fg);
+  }
+  .AriaField_description {
+    margin: 0;
+    font-size: var(--field-description-font-size);
+    color: var(--field-description-fg);
+  }
+  .AriaField_error {
+    margin: 0;
+    font-size: var(--field-error-font-size);
+    color: var(--field-error-fg);
+  }
+}
+
+/* src/listbox/Listbox.module.css */
+@layer components {
+  .Listbox_list {
+    display: flex;
+    flex-direction: column;
+    max-block-size: var(--listbox-max-height);
+    padding: var(--listbox-padding);
+    overflow: auto;
+    border: var(--size-hairline) solid var(--listbox-border);
+    border-radius: var(--listbox-radius);
+    background-color: var(--listbox-bg);
+    color: var(--listbox-fg);
+    font-family: var(--listbox-font-family);
+    font-size: var(--listbox-font-size);
+    outline: none;
+    &[data-focus-visible] {
+      outline: var(--listbox-focus-ring-width) solid var(--listbox-focus-ring);
+      outline-offset: var(--listbox-focus-ring-offset);
+    }
+  }
+  .Listbox_check {
+    flex: none;
+    visibility: hidden;
+    color: var(--listbox-item-check);
+  }
+  .Listbox_item {
+    display: flex;
+    align-items: center;
+    gap: var(--listbox-item-gap);
+    padding-block: var(--listbox-item-padding-block);
+    padding-inline: var(--listbox-item-padding-inline);
+    border-radius: var(--listbox-item-radius);
+    color: var(--listbox-item-fg);
+    cursor: default;
+    outline: none;
+    &[data-hovered],
+    &[data-focused] {
+      background-color: var(--listbox-item-bg-focus);
+    }
+    &[data-selected] {
+      background-color: var(--listbox-item-bg-selected);
+      .Listbox_check {
+        visibility: visible;
+      }
+    }
+    &[data-disabled] {
+      color: var(--listbox-item-fg-disabled);
+      cursor: not-allowed;
+    }
+  }
+  .Listbox_itemBody {
+    display: flex;
+    flex-direction: column;
+    min-inline-size: 0;
+  }
+  .Listbox_itemLabel {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .Listbox_itemDescription {
+    color: var(--listbox-item-fg-muted);
+    font-size: var(--listbox-item-description-font-size);
+  }
+  .Listbox_empty {
+    padding: var(--listbox-empty-padding);
+    color: var(--listbox-empty-fg);
+  }
+}
+
+/* src/combobox/Combobox.module.css */
+@layer components {
+  .Combobox_root {
+    --_height: var(--combobox-height-md);
+    --_font-size: var(--combobox-font-size-md);
+    --_border: var(--combobox-border-default);
+    font-family: var(--combobox-font-family);
+    &[data-size=sm] {
+      --_height: var(--combobox-height-sm);
+      --_font-size: var(--combobox-font-size-sm);
+    }
+    &[data-size=lg] {
+      --_height: var(--combobox-height-lg);
+      --_font-size: var(--combobox-font-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--combobox-border-invalid);
+    }
+  }
+  .Combobox_control {
+    display: grid;
+    align-items: center;
+    & > * {
+      grid-area: 1 / 1;
+    }
+  }
+  .Combobox_input {
+    inline-size: 100%;
+    min-block-size: var(--_height);
+    padding-block: 0;
+    padding-inline: var(--combobox-padding-inline) var(--combobox-icon-size);
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--combobox-radius);
+    background-color: var(--combobox-bg);
+    color: var(--combobox-fg);
+    font-size: var(--_font-size);
+    transition: border-color var(--combobox-motion-duration) var(--motion-easing-standard);
+    &::placeholder {
+      color: var(--combobox-placeholder);
+    }
+    &[data-focused] {
+      border-color: var(--combobox-border-focus);
+      outline: var(--combobox-focus-ring-width) solid var(--combobox-focus-ring);
+      outline-offset: var(--combobox-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-hovered]:not([data-focused], [data-disabled]) {
+      border-color: var(--combobox-border-hover);
+    }
+  }
+  .Combobox_button {
+    display: grid;
+    place-items: center;
+    inline-size: var(--combobox-icon-size);
+    block-size: var(--_height);
+    padding: 0;
+    border: none;
+    border-radius: var(--combobox-radius);
+    background-color: transparent;
+    color: var(--combobox-icon);
+    justify-self: end;
+    cursor: pointer;
+    &[data-focus-visible] {
+      outline: var(--combobox-focus-ring-width) solid var(--combobox-focus-ring);
+      outline-offset: calc(-1 * var(--combobox-focus-ring-width));
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
+  .Combobox_popover {
+    inline-size: var(--trigger-width);
+    padding-block-start: var(--combobox-gap);
+    animation: Combobox_fade var(--combobox-popover-duration) var(--motion-easing-standard);
+    &[data-placement=top] {
+      padding-block: 0 var(--combobox-gap);
+    }
+  }
+  .Combobox_list {
+    box-shadow: var(--combobox-popover-shadow);
+  }
+  @keyframes Combobox_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Combobox_popover {
+      animation: none;
+    }
+  }
+}
+
+/* src/picker/Picker.module.css */
+@layer components {
+  .Picker_root {
+    --_height: var(--picker-height-md);
+    --_font-size: var(--picker-font-size-md);
+    --_border: var(--picker-border-default);
+    font-family: var(--picker-font-family);
+    &[data-size=sm] {
+      --_height: var(--picker-height-sm);
+      --_font-size: var(--picker-font-size-sm);
+    }
+    &[data-size=lg] {
+      --_height: var(--picker-height-lg);
+      --_font-size: var(--picker-font-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--picker-border-invalid);
+    }
+  }
+  .Picker_trigger {
+    display: flex;
+    align-items: center;
+    gap: var(--picker-gap);
+    inline-size: 100%;
+    min-block-size: var(--_height);
+    padding-block: 0;
+    padding-inline: var(--picker-padding-inline);
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--picker-radius);
+    background-color: var(--picker-bg);
+    color: var(--picker-fg);
+    font-family: inherit;
+    font-size: var(--_font-size);
+    text-align: start;
+    cursor: pointer;
+    transition: border-color var(--picker-motion-duration) var(--motion-easing-standard);
+    &[data-focus-visible] {
+      border-color: var(--picker-border-focus);
+      outline: var(--picker-focus-ring-width) solid var(--picker-focus-ring);
+      outline-offset: var(--picker-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-hovered]:not([data-focus-visible], [data-disabled]) {
+      border-color: var(--picker-border-hover);
+    }
+  }
+  .Picker_value {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    &[data-placeholder] {
+      color: var(--picker-placeholder);
+    }
+  }
+  .Picker_chevron {
+    flex: none;
+    color: var(--picker-icon);
+  }
+  .Picker_popover {
+    inline-size: var(--trigger-width);
+    padding-block-start: var(--picker-gap);
+    animation: Picker_fade var(--picker-popover-duration) var(--motion-easing-standard);
+    &[data-placement=top] {
+      padding-block: 0 var(--picker-gap);
+    }
+  }
+  .Picker_list {
+    box-shadow: var(--picker-popover-shadow);
+  }
+  @keyframes Picker_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Picker_popover {
+      animation: none;
+    }
+  }
+}
+
+/* src/calendar/Calendar.module.css */
+@layer components {
+  .Calendar_root {
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--calendar-gap);
+    padding: var(--calendar-padding);
+    background-color: var(--calendar-bg);
+    color: var(--calendar-fg);
+    font-family: var(--calendar-font-family);
+    font-size: var(--calendar-font-size);
+  }
+  .Calendar_header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--calendar-gap);
+  }
+  .Calendar_heading {
+    margin: 0;
+    font-size: var(--calendar-heading-font-size);
+    font-weight: var(--calendar-heading-font-weight);
+  }
+  .Calendar_nav {
+    display: grid;
+    place-items: center;
+    inline-size: var(--calendar-nav-size);
+    block-size: var(--calendar-nav-size);
+    padding: 0;
+    border: none;
+    border-radius: var(--calendar-nav-radius);
+    background-color: transparent;
+    color: var(--calendar-nav-fg);
+    cursor: pointer;
+    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);
+    &[data-hovered] {
+      background-color: var(--calendar-nav-bg-hover);
+      color: var(--calendar-nav-fg-hover);
+    }
+    &[data-focus-visible] {
+      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);
+      outline-offset: var(--calendar-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+  }
+  .Calendar_grid {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  .Calendar_weekday {
+    inline-size: var(--calendar-cell-size);
+    padding: 0;
+    color: var(--calendar-weekday-fg);
+    font-size: var(--calendar-weekday-font-size);
+    font-weight: var(--calendar-weekday-font-weight);
+    text-align: center;
+  }
+  .Calendar_cell {
+    display: grid;
+    place-items: center;
+    inline-size: var(--calendar-cell-size);
+    block-size: var(--calendar-cell-size);
+    border-radius: var(--calendar-cell-radius);
+    color: var(--calendar-cell-fg);
+    cursor: pointer;
+    outline: none;
+    transition: background-color var(--calendar-motion-duration) var(--motion-easing-standard);
+    &[data-outside-month] {
+      display: none;
+    }
+    &[data-today] {
+      color: var(--calendar-cell-fg-today);
+      font-weight: var(--calendar-heading-font-weight);
+    }
+    &[data-hovered] {
+      background-color: var(--calendar-cell-bg-hover);
+    }
+    &[data-selected] {
+      background-color: var(--calendar-cell-bg-selected);
+      color: var(--calendar-cell-fg-selected);
+      &[data-hovered] {
+        background-color: var(--calendar-cell-bg-selected-hover);
+      }
+    }
+    &[data-focus-visible] {
+      outline: var(--calendar-focus-ring-width) solid var(--calendar-focus-ring);
+      outline-offset: var(--calendar-focus-ring-offset);
+    }
+    &[data-unavailable] {
+      color: var(--calendar-cell-fg-unavailable);
+      text-decoration: line-through;
+      cursor: not-allowed;
+    }
+    &[data-disabled] {
+      color: var(--calendar-cell-fg-unavailable);
+      cursor: not-allowed;
+    }
+  }
+}
+
+/* src/date-picker/DatePicker.module.css */
+@layer components {
+  .DatePicker_root {
+    --_height: var(--date-picker-height-md);
+    --_font-size: var(--date-picker-font-size-md);
+    --_border: var(--date-picker-border-default);
+    font-family: var(--date-picker-font-family);
+    &[data-size=sm] {
+      --_height: var(--date-picker-height-sm);
+      --_font-size: var(--date-picker-font-size-sm);
+    }
+    &[data-size=lg] {
+      --_height: var(--date-picker-height-lg);
+      --_font-size: var(--date-picker-font-size-lg);
+    }
+    &[data-invalid] {
+      --_border: var(--date-picker-border-invalid);
+    }
+  }
+  .DatePicker_control {
+    display: flex;
+    align-items: center;
+    min-block-size: var(--_height);
+    padding-inline-start: var(--date-picker-padding-inline);
+    border: var(--size-hairline) solid var(--_border);
+    border-radius: var(--date-picker-radius);
+    background-color: var(--date-picker-bg);
+    color: var(--date-picker-fg);
+    font-size: var(--_font-size);
+    transition: border-color var(--date-picker-motion-duration) var(--motion-easing-standard);
+    &[data-focus-within] {
+      border-color: var(--date-picker-border-focus);
+      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);
+      outline-offset: var(--date-picker-focus-ring-offset);
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+      opacity: 0.55;
+    }
+    &[data-hovered]:not([data-focus-within], [data-disabled]) {
+      border-color: var(--date-picker-border-hover);
+    }
+  }
+  .DatePicker_input {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+  .DatePicker_segment {
+    padding-inline: var(--date-picker-segment-padding-inline);
+    border-radius: var(--date-picker-segment-radius);
+    font-variant-numeric: tabular-nums;
+    outline: none;
+    caret-color: transparent;
+    &[data-type=literal] {
+      padding-inline: 0;
+    }
+    &[data-placeholder] {
+      color: var(--date-picker-segment-fg-placeholder);
+    }
+    &[data-focused] {
+      background-color: var(--date-picker-segment-bg-focus);
+      color: var(--date-picker-fg);
+    }
+  }
+  .DatePicker_button {
+    display: grid;
+    place-items: center;
+    inline-size: var(--date-picker-icon-size);
+    block-size: calc(var(--_height) - 2 * var(--size-hairline));
+    padding: 0;
+    border: none;
+    border-radius: var(--date-picker-radius);
+    background-color: transparent;
+    color: var(--date-picker-icon);
+    cursor: pointer;
+    &[data-focus-visible] {
+      outline: var(--date-picker-focus-ring-width) solid var(--date-picker-focus-ring);
+      outline-offset: calc(-1 * var(--date-picker-focus-ring-width));
+    }
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
+  .DatePicker_popover {
+    padding-block-start: var(--date-picker-gap);
+    animation: DatePicker_fade var(--date-picker-popover-duration) var(--motion-easing-standard);
+    &[data-placement=top] {
+      padding-block: 0 var(--date-picker-gap);
+    }
+  }
+  .DatePicker_dialog {
+    border: var(--size-hairline) solid var(--date-picker-dialog-border);
+    border-radius: var(--date-picker-dialog-radius);
+    background-color: var(--date-picker-dialog-bg);
+    box-shadow: var(--date-picker-popover-shadow);
+    outline: none;
+  }
+  @keyframes DatePicker_fade {
+    from {
+      opacity: 0;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .DatePicker_popover {
+      animation: none;
+    }
+  }
+}
+
+/* src/slider/Slider.module.css */
+@layer components {
+  .Slider_root {
+    --_thumb: var(--slider-thumb-size);
+    display: flex;
+    flex-direction: column;
+    gap: var(--slider-gap);
+    inline-size: 100%;
+    font-family: var(--slider-font-family);
+    &[data-orientation=vertical] {
+      inline-size: auto;
+      block-size: var(--slider-track-length);
+    }
+  }
+  .Slider_header {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--slider-gap);
+  }
+  .Slider_hidden {
+    position: absolute;
+    inline-size: var(--size-hairline);
+    block-size: var(--size-hairline);
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+  .Slider_output {
+    color: var(--slider-output-fg);
+    font-family: var(--slider-output-font-family);
+    font-size: var(--slider-output-font-size);
+    font-variant-numeric: tabular-nums;
+  }
+  .Slider_track {
+    position: relative;
+    block-size: var(--slider-track-hit-size);
+    .Slider_root[data-orientation=vertical] & {
+      inline-size: var(--slider-track-hit-size);
+      block-size: 100%;
+    }
+  }
+  .Slider_root[data-disabled] .Slider_track {
+    opacity: 0.55;
+  }
+  .Slider_rail {
+    position: absolute;
+    inset-block-start: 50%;
+    inline-size: 100%;
+    block-size: var(--slider-track-size);
+    overflow: hidden;
+    border-radius: var(--slider-track-radius);
+    background-color: var(--slider-track-bg);
+    translate: 0 -50%;
+    .Slider_root[data-orientation=vertical] & {
+      inset-block-start: 0;
+      inset-inline-start: 50%;
+      inline-size: var(--slider-track-size);
+      block-size: 100%;
+      translate: -50% 0;
+    }
+  }
+  .Slider_fill {
+    position: absolute;
+    block-size: 100%;
+    background-color: var(--slider-fill);
+    .Slider_root[data-orientation=vertical] & {
+      inline-size: 100%;
+    }
+  }
+  .Slider_thumb {
+    inset-block-start: 50%;
+    inline-size: var(--_thumb);
+    block-size: var(--_thumb);
+    border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);
+    border-radius: var(--slider-thumb-radius);
+    background-color: var(--slider-thumb-bg);
+    box-shadow: var(--slider-thumb-shadow);
+    cursor: grab;
+    transition: border-color var(--slider-motion-duration) var(--motion-easing-standard);
+    .Slider_root[data-orientation=vertical] & {
+      inset-block-start: auto;
+      inset-inline-start: 50%;
+    }
+    &[data-hovered],
+    &[data-dragging] {
+      border-color: var(--slider-thumb-border-hover);
+    }
+    &[data-dragging] {
+      cursor: grabbing;
+    }
+    &[data-focus-visible] {
+      outline: var(--slider-focus-ring-width) solid var(--slider-focus-ring);
+      outline-offset: var(--slider-focus-ring-offset);
+    }
+  }
+}
+
+/* src/table/Table.module.css */
+@layer components {
+  .Table_container {
+    overflow: auto;
+    border: var(--size-hairline) solid var(--table-border);
+    border-radius: var(--table-radius);
+    background-color: var(--table-bg);
+    color: var(--table-fg);
+    font-family: var(--table-font-family);
+    font-size: var(--table-font-size);
+  }
+  .Table_table {
+    --_padding-block: var(--table-cell-padding-block-default);
+    inline-size: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    outline: none;
+    &[data-density=compact] {
+      --_padding-block: var(--table-cell-padding-block-compact);
+    }
+    &[data-focus-visible] {
+      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);
+      outline-offset: calc(-1 * var(--table-focus-ring-width));
+    }
+  }
+  .Table_header {
+    background-color: var(--table-header-bg);
+  }
+  .Table_container[data-sticky-header] .Table_header {
+    position: sticky;
+    inset-block-start: 0;
+  }
+  .Table_column {
+    padding-block: var(--_padding-block);
+    padding-inline: var(--table-cell-padding-inline);
+    border-block-end: var(--size-hairline) solid var(--table-border);
+    color: var(--table-header-fg);
+    font-size: var(--table-header-font-size);
+    font-weight: var(--table-header-font-weight);
+    text-align: start;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    outline: none;
+    &[data-align=end] {
+      text-align: end;
+    }
+    &[data-allows-sorting] {
+      cursor: pointer;
+    }
+    &[data-allows-sorting]::after {
+      content: "";
+      display: inline-block;
+      inline-size: var(--table-header-sort-indicator-size);
+      block-size: var(--table-header-sort-indicator-size);
+      margin-inline-start: var(--table-header-sort-indicator-size);
+      border-inline-end: var(--table-header-sort-indicator-width) solid currentcolor;
+      border-block-end: var(--table-header-sort-indicator-width) solid currentcolor;
+      rotate: -135deg;
+      translate: 0 25%;
+      opacity: 0;
+      transition: opacity var(--table-motion-duration) var(--motion-easing-standard);
+    }
+    &[data-hovered]::after {
+      opacity: 0.5;
+    }
+    &[data-sort-direction] {
+      color: var(--table-header-fg-active);
+    }
+    &[data-sort-direction]::after {
+      color: var(--table-header-sort-indicator);
+      opacity: 1;
+    }
+    &[data-sort-direction=descending]::after {
+      rotate: 45deg;
+      translate: 0 -25%;
+    }
+    &[data-focus-visible] {
+      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);
+      outline-offset: calc(-1 * var(--table-focus-ring-width));
+    }
+  }
+  .Table_row {
+    outline: none;
+    transition: background-color var(--table-motion-duration) var(--motion-easing-standard);
+    &[data-hovered] {
+      background-color: var(--table-row-bg-hover);
+    }
+    &[data-selected] {
+      background-color: var(--table-row-bg-selected);
+    }
+    &[data-disabled] {
+      color: var(--table-row-fg-disabled);
+    }
+    &[data-focus-visible] {
+      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);
+      outline-offset: calc(-1 * var(--table-focus-ring-width));
+    }
+  }
+  .Table_cell {
+    padding-block: var(--_padding-block);
+    padding-inline: var(--table-cell-padding-inline);
+    outline: none;
+    &[data-align=end] {
+      text-align: end;
+      font-variant-numeric: tabular-nums;
+    }
+    &[data-focus-visible] {
+      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);
+      outline-offset: calc(-1 * var(--table-focus-ring-width));
+    }
+  }
+  .Table_body .Table_row:not(:last-child) .Table_cell {
+    border-block-end: var(--size-hairline) solid var(--table-border);
+  }
+  .Table_selectColumn,
+  .Table_selectCell {
+    inline-size: var(--table-select-size);
+    padding-inline-end: 0;
+  }
+  .Table_selectBox {
+    display: grid;
+    place-content: center;
+    inline-size: var(--table-select-size);
+    block-size: var(--table-select-size);
+    border: var(--size-hairline) solid var(--table-select-border);
+    border-radius: var(--table-select-radius);
+    background-color: var(--table-select-bg);
+    transition: background-color var(--table-motion-duration) var(--motion-easing-standard), border-color var(--table-motion-duration) var(--motion-easing-standard);
+    &::after {
+      content: "";
+      inline-size: calc(var(--table-select-size) * 0.3);
+      block-size: calc(var(--table-select-size) * 0.55);
+      border-style: solid;
+      border-color: var(--table-select-check);
+      border-width: 0 var(--table-select-check-width) var(--table-select-check-width) 0;
+      rotate: 45deg;
+      translate: 0 -10%;
+      opacity: 0;
+    }
+  }
+  .Table_select {
+    display: inline-grid;
+    place-items: center;
+    inline-size: var(--table-select-size);
+    block-size: var(--table-select-size);
+    cursor: pointer;
+    &[data-focus-visible] .Table_selectBox {
+      outline: var(--table-focus-ring-width) solid var(--table-focus-ring);
+      outline-offset: var(--table-focus-ring-offset);
+    }
+    &[data-selected] .Table_selectBox,
+    &[data-indeterminate] .Table_selectBox {
+      border-color: var(--table-select-bg-checked);
+      background-color: var(--table-select-bg-checked);
+      &::after {
+        opacity: 1;
+      }
+    }
+    &[data-indeterminate] .Table_selectBox::after {
+      inline-size: calc(var(--table-select-size) * 0.55);
+      block-size: 0;
+      border-width: 0 0 var(--table-select-check-width);
+      rotate: 0deg;
+      translate: 0 0;
+    }
+  }
+  .Table_empty {
+    padding: var(--table-empty-padding);
+    color: var(--table-empty-fg);
+    text-align: center;
+  }
+}
+
+/* src/pagination/Pagination.module.css */
+@layer components {
+  .Pagination_root {
+    --_size: var(--pagination-ellipsis-size-md);
+    --_font-size: var(--pagination-font-size-md);
+    font-family: var(--pagination-font-family);
+    &[data-size=sm] {
+      --_size: var(--pagination-ellipsis-size-sm);
+      --_font-size: var(--pagination-font-size-sm);
+    }
+  }
+  .Pagination_list {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--pagination-gap);
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+  .Pagination_page {
+    min-inline-size: var(--_size);
+    padding-inline: 0;
+    font-variant-numeric: tabular-nums;
+  }
+  .Pagination_ellipsis {
+    display: grid;
+    place-items: center;
+    min-inline-size: var(--_size);
+    block-size: var(--_size);
+    color: var(--pagination-ellipsis-fg);
+    font-size: var(--_font-size);
+  }
+}
+/*# sourceMappingURL=index.css.map */