@moduix/react 2.1.0 → 2.2.4

package/dist/components/date-picker/DatePicker.css

@@ -1,441 +0,0 @@
-@layer ui.components {
-  @keyframes a48aUa_date-picker-content-open {
-    from {
-      opacity: var(--date-picker-content-closed-opacity, var(--popup-motion-starting-opacity, 0));
-      translate: var(--popup-motion-starting-translate-x, 0)
-        var(--popup-motion-starting-translate-y, 0);
-      transform: scale(var(--date-picker-content-closed-scale, var(--popup-motion-starting-scale, var(--scale-popup))));
-    }
-
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  @keyframes a48aUa_date-picker-content-closed {
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: var(--date-picker-content-closed-opacity, var(--popup-motion-ending-opacity, 0));
-      translate: var(--popup-motion-ending-translate-x, 0) var(--popup-motion-ending-translate-y, 0);
-      transform: scale(var(--date-picker-content-closed-scale, var(--popup-motion-ending-scale, var(--scale-popup))));
-    }
-  }
-
-  .a48aUa_root {
-    box-sizing: border-box;
-    width: var(--date-picker-width, 18.75rem);
-    max-width: var(--date-picker-max-width, 100%);
-    align-items: flex-start;
-    gap: var(--date-picker-root-gap, var(--spacing-1));
-    color: var(--date-picker-color, var(--color-foreground));
-    flex-direction: column;
-    display: inline-flex;
-
-    &:is([data-disabled], [data-readonly]) {
-      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  .a48aUa_label {
-    color: var(--date-picker-label-color, var(--date-picker-color, var(--color-foreground)));
-    font-size: var(--date-picker-label-font-size, var(--text-sm));
-    font-weight: var(--date-picker-label-font-weight, var(--weight-medium));
-    line-height: var(--date-picker-label-line-height, var(--line-height-text-sm));
-    user-select: none;
-    align-items: center;
-    display: inline-flex;
-  }
-
-  .a48aUa_control {
-    align-items: center;
-    gap: var(--date-picker-input-gap, var(--spacing-2));
-    width: 100%;
-    min-width: 0;
-    color: var(--date-picker-color, var(--color-foreground));
-    display: flex;
-    position: relative;
-  }
-
-  .a48aUa_input {
-    box-sizing: border-box;
-    width: 100%;
-    min-width: min(var(--date-picker-input-min-width, 7.5rem), 100%);
-    height: var(--date-picker-control-height, var(--size-md));
-    border: var(--date-picker-border-width, var(--border-width-sm)) solid
-      var(--date-picker-border-color, var(--color-border));
-    border-radius: var(--date-picker-radius, var(--radius-md));
-    padding-block: var(--date-picker-input-padding-y, var(--spacing-1));
-    padding-inline: var(--date-picker-input-padding-x-start, var(--spacing-3-5))
-      var(--date-picker-input-padding-x-end, 4.25rem);
-    background-color: var(--date-picker-bg, var(--color-background));
-    color: inherit;
-    font: inherit;
-    font-size: var(--date-picker-font-size, var(--text-md));
-    line-height: var(--date-picker-line-height, var(--line-height-text-md));
-    outline: var(--date-picker-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-      solid transparent;
-    outline-offset: calc(var(--date-picker-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm))) *
-        -1);
-    transition: background-color var(--date-picker-transition, var(--transition-default)),
-      border-color var(--date-picker-transition, var(--transition-default)),
-      color var(--date-picker-transition, var(--transition-default)),
-      outline-color var(--date-picker-transition, var(--transition-default)),
-      opacity var(--date-picker-transition, var(--transition-default));
-    flex: 1 1 0;
-    margin: 0;
-
-    &::placeholder {
-      color: var(--date-picker-placeholder-color, var(--color-muted-foreground));
-      opacity: 1;
-    }
-
-    &:focus, .a48aUa_control[data-focus] & {
-      border-color: var(--date-picker-focus-ring-color, var(--color-ring));
-      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
-    }
-
-    &:is([data-invalid], [aria-invalid="true"]), .a48aUa_control[data-invalid] & {
-      border-color: var(--date-picker-invalid-color, var(--color-destructive));
-      outline-color: var(--date-picker-invalid-color, var(--color-destructive));
-    }
-
-    &:is([disabled], [data-disabled], [readonly], [data-readonly]) {
-      cursor: default;
-    }
-  }
-
-  .a48aUa_control:has(.a48aUa_input + .a48aUa_input) .a48aUa_input {
-    min-width: min(var(--date-picker-range-input-min-width, 7.5rem), 100%);
-    padding-inline-end: var(--date-picker-input-padding-x-start, var(--spacing-3-5));
-  }
-
-  .a48aUa_control:has(.a48aUa_input + .a48aUa_input) .a48aUa_input:last-of-type {
-    padding-inline-end: var(--date-picker-input-padding-x-end, 4.25rem);
-  }
-
-  .a48aUa_trigger, .a48aUa_navTrigger, .a48aUa_viewTrigger, .a48aUa_presetTrigger {
-    box-sizing: border-box;
-    border-radius: var(--date-picker-action-radius, var(--radius-sm));
-    background: var(--date-picker-action-bg, transparent);
-    color: var(--date-picker-icon-color, var(--color-muted-foreground));
-    font: inherit;
-    outline: var(--date-picker-action-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-      solid transparent;
-    outline-offset: var(--date-picker-action-focus-ring-offset, 0);
-    cursor: pointer;
-    transition: background-color var(--date-picker-transition, var(--transition-default)),
-      color var(--date-picker-transition, var(--transition-default)),
-      outline-color var(--date-picker-transition, var(--transition-default)),
-      opacity var(--date-picker-transition, var(--transition-default));
-    border: 0;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-    line-height: 0;
-    display: inline-flex;
-
-    & > svg {
-      width: var(--date-picker-icon-size, var(--spacing-4));
-      height: var(--date-picker-icon-size, var(--spacing-4));
-      display: block;
-    }
-
-    &:is(:focus-visible, [data-focus]) {
-      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
-    }
-
-    &:is([disabled], [data-disabled]) {
-      cursor: default;
-      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
-    }
-
-    &[hidden] {
-      display: none;
-    }
-
-    &:not(:is([disabled], [data-disabled])) {
-      @media (hover: hover) {
-        &:hover {
-          background-color: var(--date-picker-action-bg-hover, var(--color-muted));
-          color: var(--date-picker-action-color-hover, var(--color-foreground));
-        }
-      }
-    }
-  }
-
-  .a48aUa_trigger {
-    width: var(--date-picker-action-size, var(--size-xs));
-    height: var(--date-picker-action-size, var(--size-xs));
-    top: 50%;
-    position: absolute;
-    inset-inline-end: var(--date-picker-trigger-offset-right, var(--spacing-2));
-    transform: translateY(-50%);
-  }
-
-  .a48aUa_clearTrigger {
-    --close-button-size: var(--date-picker-action-size, var(--size-xs));
-    --close-button-icon-size: var(--date-picker-icon-size, var(--spacing-4));
-    --close-button-radius: var(--date-picker-action-radius, var(--radius-sm));
-    --close-button-bg: var(--date-picker-action-bg, transparent);
-    --close-button-bg-hover: var(--date-picker-action-bg-hover, var(--color-muted));
-    --close-button-color: var(--date-picker-icon-color, var(--color-muted-foreground));
-    --close-button-color-hover: var(--date-picker-action-color-hover, var(--color-foreground));
-    --close-button-disabled-opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
-    --close-button-focus-ring-width: var(--date-picker-action-focus-ring-width, var(--border-width-sm));
-    --close-button-focus-ring-color: var(--date-picker-focus-ring-color, var(--color-ring));
-    --close-button-focus-ring-offset: var(--date-picker-action-focus-ring-offset, 0);
-    --close-button-transition: var(--date-picker-transition, var(--transition-default));
-    top: 50%;
-    position: absolute;
-    inset-inline-end: calc(var(--date-picker-trigger-offset-right, var(--spacing-2)) +
-        var(--date-picker-action-size, var(--size-xs)) +
-        var(--date-picker-action-gap, var(--spacing-0-5)));
-    transform: translateY(-50%);
-
-    &[data-focus] {
-      outline: var(--close-button-focus-ring-width) solid var(--close-button-focus-ring-color);
-      outline-offset: var(--close-button-focus-ring-offset);
-    }
-
-    &[hidden] {
-      display: none;
-    }
-  }
-
-  .a48aUa_positioner {
-    z-index: var(--z-index);
-    outline: 0;
-  }
-
-  .a48aUa_content {
-    box-sizing: border-box;
-    z-index: calc(var(--z-popup) + var(--layer-index, 0));
-    width: min(var(--date-picker-content-width, 18.75rem), var(--available-width));
-    min-width: min(var(--date-picker-content-min-width, 18.75rem), var(--available-width));
-    max-width: min(var(--date-picker-content-max-width, calc(100vw - 2rem)),
-      var(--available-width));
-    max-height: min(var(--date-picker-content-max-height, 32rem), var(--available-height));
-    border: var(--date-picker-content-border-width, var(--border-width-sm)) solid
-      var(--date-picker-content-border-color, var(--color-border));
-    border-radius: var(--date-picker-content-radius, var(--radius-md));
-    padding: var(--date-picker-content-padding, var(--spacing-3));
-    background-color: var(--date-picker-content-bg, var(--color-popover));
-    box-shadow: var(--date-picker-content-shadow, var(--shadow-lg));
-    color: var(--date-picker-content-color, var(--color-popover-foreground));
-    transform-origin: var(--transform-origin);
-    overscroll-behavior: contain;
-    outline: 0;
-    overflow: auto;
-
-    &[data-state="open"] {
-      animation: a48aUa_date-picker-content-open
-        var(--date-picker-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-    }
-
-    &[data-state="closed"] {
-      animation: a48aUa_date-picker-content-closed
-        var(--date-picker-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-      pointer-events: none;
-    }
-  }
-
-  .a48aUa_root[data-inline] .a48aUa_content {
-    min-width: var(--date-picker-inline-content-min-width, 18rem);
-    max-height: none;
-    box-shadow: var(--date-picker-inline-content-shadow, none);
-  }
-
-  .a48aUa_view {
-    gap: var(--date-picker-view-gap, var(--spacing-3));
-    display: grid;
-  }
-
-  .a48aUa_viewControl {
-    justify-content: space-between;
-    align-items: center;
-    gap: var(--date-picker-view-control-gap, var(--spacing-2));
-    min-width: 0;
-    display: flex;
-  }
-
-  .a48aUa_navTrigger {
-    width: var(--date-picker-nav-trigger-size, var(--size-sm));
-    height: var(--date-picker-nav-trigger-size, var(--size-sm));
-  }
-
-  .a48aUa_viewTrigger {
-    min-width: 0;
-    min-height: var(--date-picker-view-trigger-height, var(--size-sm));
-    gap: var(--date-picker-view-trigger-gap, var(--spacing-2));
-    padding-inline: var(--date-picker-view-trigger-padding-x, var(--spacing-2));
-    color: var(--date-picker-view-trigger-color, var(--color-foreground));
-    font-size: var(--date-picker-view-trigger-font-size, var(--text-sm));
-    font-weight: var(--date-picker-view-trigger-font-weight, var(--weight-medium));
-    line-height: var(--date-picker-view-trigger-line-height, var(--line-height-text-sm));
-    flex: 1;
-  }
-
-  .a48aUa_rangeText, .a48aUa_valueText {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    min-width: 0;
-    overflow: hidden;
-  }
-
-  .a48aUa_table {
-    border-collapse: separate;
-    width: 100%;
-    border-spacing: var(--date-picker-table-cell-gap, var(--spacing-0-5));
-    table-layout: fixed;
-  }
-
-  .a48aUa_tableHeader, .a48aUa_weekNumberCell {
-    width: var(--date-picker-table-cell-size, var(--size-sm));
-    height: var(--date-picker-table-header-height, 1.75rem);
-    color: var(--date-picker-table-header-color, var(--color-muted-foreground));
-    font-size: var(--date-picker-table-header-font-size, var(--text-xs));
-    font-weight: var(--date-picker-table-header-font-weight, var(--weight-medium));
-    line-height: var(--date-picker-table-header-line-height, var(--line-height-text-xs));
-    text-align: center;
-  }
-
-  .a48aUa_tableCell {
-    width: var(--date-picker-table-cell-size, var(--size-sm));
-    height: var(--date-picker-table-cell-size, var(--size-sm));
-    text-align: center;
-    padding: 0;
-  }
-
-  .a48aUa_weekNumberCell {
-    color: var(--date-picker-week-number-color, var(--color-muted-foreground));
-    font-variant-numeric: tabular-nums;
-  }
-
-  .a48aUa_tableCellTrigger {
-    box-sizing: border-box;
-    width: 100%;
-    min-width: var(--date-picker-table-cell-size, var(--size-sm));
-    height: var(--date-picker-table-cell-size, var(--size-sm));
-    border: var(--date-picker-table-cell-border-width, 0) solid
-      var(--date-picker-table-cell-border-color, transparent);
-    border-radius: var(--date-picker-table-cell-radius, var(--radius-sm));
-    background: var(--date-picker-table-cell-bg, transparent);
-    color: var(--date-picker-table-cell-color, var(--date-picker-content-color, var(--color-foreground)));
-    font: inherit;
-    font-size: var(--date-picker-table-cell-font-size, var(--text-sm));
-    line-height: var(--date-picker-table-cell-line-height, var(--line-height-text-sm));
-    outline: var(--date-picker-table-cell-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-      solid transparent;
-    outline-offset: calc(var(--date-picker-table-cell-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm))) *
-        -1);
-    cursor: pointer;
-    transition: background-color var(--date-picker-transition, var(--transition-default)),
-      border-color var(--date-picker-transition, var(--transition-default)),
-      color var(--date-picker-transition, var(--transition-default)),
-      outline-color var(--date-picker-transition, var(--transition-default)),
-      opacity var(--date-picker-transition, var(--transition-default));
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    display: inline-flex;
-
-    &:is(:focus-visible, [data-focus]) {
-      outline-color: var(--date-picker-table-cell-focus-ring-color, var(--color-ring));
-    }
-
-    &[data-today] {
-      border-color: var(--date-picker-table-cell-today-border-color, var(--color-ring));
-      color: var(--date-picker-table-cell-today-color, var(--date-picker-table-cell-color, var(--color-foreground)));
-    }
-
-    &:is([data-in-range], [data-in-hover-range]) {
-      background-color: var(--date-picker-table-cell-range-bg, var(--color-muted));
-      color: var(--date-picker-table-cell-range-color, var(--color-foreground));
-    }
-
-    &[data-selected] {
-      background-color: var(--date-picker-table-cell-selected-bg, var(--color-primary));
-      color: var(--date-picker-table-cell-selected-color, var(--color-primary-foreground));
-    }
-
-    &:is([data-outside-range], [data-unavailable]) {
-      color: var(--date-picker-table-cell-muted-color, var(--color-muted-foreground));
-    }
-
-    &:is([data-disabled], [disabled]) {
-      cursor: default;
-      opacity: var(--date-picker-disabled-opacity, var(--opacity-disabled));
-    }
-
-    &:not(:is([data-disabled], [disabled], [data-selected])) {
-      @media (hover: hover) {
-        &:hover {
-          background-color: var(--date-picker-table-cell-bg-hover, var(--color-accent));
-          color: var(--date-picker-table-cell-color-hover, var(--color-accent-foreground));
-        }
-      }
-    }
-  }
-
-  .a48aUa_select {
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 0;
-    min-height: var(--date-picker-select-height, var(--size-sm));
-    border: var(--date-picker-select-border-width, var(--border-width-sm)) solid
-      var(--date-picker-select-border-color, var(--color-border));
-    border-radius: var(--date-picker-select-radius, var(--radius-sm));
-    padding-block: var(--date-picker-select-padding-y, var(--spacing-1));
-    padding-inline: var(--date-picker-select-padding-x, var(--spacing-2));
-    background-color: var(--date-picker-select-bg, var(--color-background));
-    color: var(--date-picker-select-color, var(--color-foreground));
-    font: inherit;
-    font-size: var(--date-picker-select-font-size, var(--text-sm));
-    line-height: var(--date-picker-select-line-height, var(--line-height-text-sm));
-    outline: var(--date-picker-select-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-      solid transparent;
-    outline-offset: calc(var(--date-picker-select-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm))) *
-        -1);
-    cursor: pointer;
-    transition: background-color var(--date-picker-transition, var(--transition-default)),
-      border-color var(--date-picker-transition, var(--transition-default)),
-      outline-color var(--date-picker-transition, var(--transition-default));
-    flex: 1 1 0;
-
-    &:focus {
-      border-color: var(--date-picker-focus-ring-color, var(--color-ring));
-      outline-color: var(--date-picker-focus-ring-color, var(--color-ring));
-    }
-  }
-
-  .a48aUa_presetTrigger {
-    min-height: var(--date-picker-preset-trigger-height, var(--size-sm));
-    padding-inline: var(--date-picker-preset-trigger-padding-x, var(--spacing-2));
-    background-color: var(--date-picker-preset-trigger-bg, var(--color-muted));
-    color: var(--date-picker-preset-trigger-color, var(--color-foreground));
-    font-size: var(--date-picker-preset-trigger-font-size, var(--text-sm));
-    line-height: var(--date-picker-preset-trigger-line-height, var(--line-height-text-sm));
-
-    &:not(:is([disabled], [data-disabled], [data-selected])) {
-      @media (hover: hover) {
-        &:hover {
-          background-color: var(--date-picker-preset-trigger-bg-hover, var(--color-accent));
-        }
-      }
-    }
-
-    &[data-selected] {
-      background-color: var(--date-picker-preset-trigger-selected-bg, var(--color-primary));
-      color: var(--date-picker-preset-trigger-selected-color, var(--color-primary-foreground));
-    }
-  }
-}

package/dist/components/dialog/Dialog.css

@@ -1,226 +0,0 @@
-@layer ui.components {
-  ._9AixhG_trigger, ._9AixhG_closeTrigger {
-    box-sizing: border-box;
-    min-height: var(--dialog-control-height, var(--size-md));
-    padding: var(--dialog-control-padding-y, var(--spacing-1))
-      var(--dialog-control-padding-x, var(--spacing-3-5));
-    border: var(--dialog-control-border-width, var(--border-width-sm)) solid
-      var(--dialog-control-border-color, var(--color-border));
-    border-radius: var(--dialog-control-radius, var(--radius-md));
-    background-color: var(--dialog-control-bg, var(--color-background));
-    color: var(--dialog-control-color, var(--color-foreground));
-    font: inherit;
-    font-size: var(--dialog-control-font-size, var(--text-md));
-    line-height: var(--dialog-control-line-height, var(--line-height-text-md));
-    cursor: pointer;
-    user-select: none;
-    transition: background-color var(--transition-default),
-      border-color var(--transition-default),
-      color var(--transition-default);
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    display: inline-flex;
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--dialog-control-bg-hover, var(--color-accent));
-      }
-    }
-
-    &:focus-visible {
-      outline: var(--dialog-focus-ring-width, var(--dialog-control-border-width, var(--border-width-sm)))
-        solid var(--dialog-focus-ring-color, var(--color-ring));
-      outline-offset: calc(var(--dialog-focus-ring-width, var(--dialog-control-border-width, var(--border-width-sm))) *
-          -1);
-    }
-
-    &[data-disabled], &[disabled] {
-      pointer-events: none;
-      opacity: var(--opacity-disabled);
-    }
-  }
-
-  ._9AixhG_backdrop {
-    z-index: calc(var(--z-backdrop) + var(--layer-index, 0));
-    background-color: var(--dialog-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
-    min-height: 100dvh;
-    backdrop-filter: var(--backdrop-filter, blur(var(--dialog-backdrop-blur, 4px)));
-    position: fixed;
-    inset: 0;
-
-    &[data-state="open"] {
-      animation: _9AixhG_dialog-backdrop-in var(--dialog-backdrop-transition, var(--transition-default));
-    }
-
-    &[data-state="closed"] {
-      animation: _9AixhG_dialog-backdrop-out var(--dialog-backdrop-transition, var(--transition-default));
-    }
-  }
-
-  ._9AixhG_positioner {
-    box-sizing: border-box;
-    z-index: calc(var(--z-modal) + var(--layer-index, 0));
-    overscroll-behavior: contain;
-    scrollbar-gutter: stable both-edges;
-    padding: var(--dialog-positioner-padding, var(--spacing-4));
-    place-items: center;
-    display: grid;
-    position: fixed;
-    inset: 0;
-    overflow-y: auto;
-  }
-
-  ._9AixhG_content {
-    box-sizing: border-box;
-    width: min(var(--dialog-width, 28rem),
-      var(--dialog-max-width, calc(100vw - var(--spacing-8, 2rem))));
-    max-width: 100%;
-    max-height: calc(100dvh - var(--spacing-8, 2rem));
-    padding: var(--dialog-padding, var(--spacing-6));
-    border: var(--dialog-border-width, var(--border-width-sm)) solid
-      var(--dialog-border-color, var(--color-border));
-    border-radius: var(--dialog-radius, var(--radius-lg));
-    background-color: var(--dialog-bg, var(--color-popover));
-    color: var(--dialog-color, var(--color-popover-foreground));
-    box-shadow: var(--dialog-shadow, var(--shadow-lg));
-    transform-origin: top;
-    transition: scale var(--dialog-nested-transition, var(--dialog-transition, var(--transition-default))),
-      translate var(--dialog-nested-transition, var(--dialog-transition, var(--transition-default)));
-    outline: 0;
-    position: relative;
-    translate: 0;
-    scale: 1;
-
-    &:after {
-      content: "";
-      z-index: 1;
-      border-radius: inherit;
-      background-color: var(--dialog-nested-overlay-bg, #0000000d);
-      opacity: 0;
-      pointer-events: none;
-      transition: opacity
-        var(--dialog-nested-transition, var(--dialog-transition, var(--transition-default)));
-      position: absolute;
-      inset: 0;
-    }
-
-    &[data-has-nested] {
-      scale: calc(1 - var(--dialog-nested-scale-step, .05) * var(--nested-layer-count, 0));
-      translate: 0
-        calc(var(--dialog-nested-translate-step, var(--spacing-10)) * var(--nested-layer-count, 0));
-
-      &:after {
-        opacity: 1;
-      }
-    }
-
-    &[data-state="open"] {
-      animation: _9AixhG_dialog-content-in
-        var(--dialog-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-    }
-
-    &[data-state="closed"] {
-      animation: _9AixhG_dialog-content-out
-        var(--dialog-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-    }
-  }
-
-  ._9AixhG_header {
-    align-items: start;
-    gap: var(--dialog-header-gap, var(--spacing-1));
-    grid-template-columns: minmax(0, 1fr) auto;
-    display: grid;
-
-    & > [data-slot="dialog-title"] {
-      grid-column: 1;
-    }
-
-    & > [data-slot="dialog-close-trigger"] {
-      grid-column: 2;
-      justify-self: end;
-    }
-
-    & > [data-slot="dialog-description"] {
-      grid-column: 1 / -1;
-    }
-  }
-
-  ._9AixhG_title {
-    color: var(--dialog-title-color, var(--dialog-color, var(--color-popover-foreground)));
-    font-size: var(--dialog-title-font-size, var(--text-lg));
-    font-weight: var(--dialog-title-font-weight, var(--weight-semibold));
-    line-height: var(--dialog-title-line-height, var(--line-height-text-lg));
-    margin: 0;
-  }
-
-  ._9AixhG_description, ._9AixhG_body {
-    color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
-    font-size: var(--dialog-description-font-size, var(--text-md));
-    line-height: var(--dialog-description-line-height, var(--line-height-text-md));
-  }
-
-  ._9AixhG_description {
-    margin: 0;
-  }
-
-  ._9AixhG_body {
-    margin: var(--dialog-content-margin, var(--spacing-4) 0 0);
-  }
-
-  ._9AixhG_footer {
-    justify-content: flex-end;
-    gap: var(--dialog-footer-gap, var(--spacing-2));
-    margin-top: var(--dialog-footer-margin-top, var(--spacing-6));
-    display: flex;
-  }
-
-  ._9AixhG_closeIcon {
-    --close-button-size: var(--dialog-close-icon-size, var(--spacing-7));
-    --close-button-radius: var(--dialog-close-icon-radius, var(--radius-md));
-    --close-button-color: var(--dialog-close-icon-color, var(--dialog-muted-color, var(--color-muted-foreground)));
-    --close-button-color-hover: var(--dialog-close-icon-color-hover, var(--dialog-close-icon-color, var(--dialog-color, var(--color-popover-foreground))));
-    --close-button-bg: var(--dialog-close-icon-bg, transparent);
-    --close-button-bg-hover: var(--dialog-close-icon-bg-hover, var(--color-accent));
-    --close-button-focus-ring-color: var(--dialog-close-icon-focus-ring-color, var(--dialog-focus-ring-color, var(--color-ring)));
-    --close-button-icon-size: var(--dialog-close-icon-glyph-size, var(--spacing-3));
-    z-index: 2;
-    position: absolute;
-    inset-block-start: var(--dialog-close-icon-inset-block-start, var(--spacing-4));
-    inset-inline-end: var(--dialog-close-icon-inset-inline-end, var(--spacing-4));
-  }
-
-  @keyframes _9AixhG_dialog-backdrop-in {
-    from {
-      opacity: var(--dialog-backdrop-starting-opacity, 0);
-      backdrop-filter: var(--dialog-backdrop-starting-blur, none);
-    }
-  }
-
-  @keyframes _9AixhG_dialog-backdrop-out {
-    to {
-      opacity: var(--dialog-backdrop-ending-opacity, 0);
-      backdrop-filter: var(--dialog-backdrop-ending-blur, none);
-    }
-  }
-
-  @keyframes _9AixhG_dialog-content-in {
-    from {
-      opacity: var(--dialog-content-starting-opacity, var(--popup-motion-starting-opacity, 0));
-      translate: var(--dialog-content-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
-        var(--dialog-content-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
-      scale: var(--dialog-content-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
-    }
-  }
-
-  @keyframes _9AixhG_dialog-content-out {
-    to {
-      opacity: var(--dialog-content-ending-opacity, var(--popup-motion-ending-opacity, 0));
-      translate: var(--dialog-content-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
-        var(--dialog-content-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
-      scale: var(--dialog-content-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
-    }
-  }
-}