@moduix/react 2.1.0 → 2.2.4

package/dist/components/command-palette/CommandPalette.css

@@ -1,459 +0,0 @@
-@layer ui.components {
-  ._4OfG0a_trigger {
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    gap: var(--command-palette-trigger-gap, var(--spacing-2));
-    min-height: var(--command-palette-trigger-height, var(--size-md));
-    padding: var(--command-palette-trigger-padding-y, var(--spacing-1))
-      var(--command-palette-trigger-padding-x, var(--spacing-3-5));
-    border: var(--command-palette-trigger-border-width, var(--border-width-sm)) solid
-      var(--command-palette-trigger-border-color, var(--color-border));
-    border-radius: var(--command-palette-trigger-radius, var(--radius-md));
-    background-color: var(--command-palette-trigger-bg, var(--color-background));
-    color: var(--command-palette-trigger-color, var(--color-foreground));
-    font: inherit;
-    font-size: var(--command-palette-trigger-font-size, var(--text-md));
-    line-height: var(--command-palette-trigger-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);
-    margin: 0;
-    display: inline-flex;
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--command-palette-trigger-bg-hover, var(--color-accent));
-      }
-    }
-
-    &:focus-visible {
-      outline: var(--command-palette-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-        solid var(--command-palette-focus-ring-color, var(--color-ring));
-      outline-offset: calc(var(--command-palette-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm))) *
-          -1);
-    }
-  }
-
-  ._4OfG0a_backdrop {
-    z-index: var(--z-backdrop);
-    background-color: var(--command-palette-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
-    min-height: 100dvh;
-    backdrop-filter: var(--backdrop-filter, blur(var(--command-palette-backdrop-blur, 4px)));
-    position: fixed;
-    inset: 0;
-
-    &[data-state="open"] {
-      animation: _4OfG0a_command-palette-backdrop-in
-        var(--command-palette-backdrop-transition, var(--transition-default));
-    }
-
-    &[data-state="closed"] {
-      animation: _4OfG0a_command-palette-backdrop-out
-        var(--command-palette-backdrop-transition, var(--transition-default));
-      animation-fill-mode: forwards;
-    }
-  }
-
-  ._4OfG0a_positioner {
-    box-sizing: border-box;
-    z-index: var(--z-modal);
-    overscroll-behavior: contain;
-    padding: var(--command-palette-positioner-padding, 10dvh var(--spacing-4) var(--spacing-4));
-    place-items: start center;
-    display: grid;
-    position: fixed;
-    inset: 0;
-    overflow: hidden;
-  }
-
-  ._4OfG0a_content {
-    box-sizing: border-box;
-    width: min(var(--command-palette-width, 37.5rem),
-      var(--command-palette-max-width, calc(100vw - var(--spacing-8, 2rem))));
-    max-height: min(var(--command-palette-max-height, 34rem), calc(100dvh - 5rem));
-    border: var(--command-palette-border-width, var(--border-width-sm)) solid
-      var(--command-palette-border-color, color-mix(in oklab, var(--color-border) 84%, transparent));
-    border-radius: var(--command-palette-radius, var(--radius-lg));
-    background: linear-gradient(180deg,
-      var(--command-palette-top-bg, color-mix(in oklab, var(--color-popover) 96%, white 4%)),
-      var(--command-palette-bg, var(--color-popover)) 7rem);
-    color: var(--command-palette-color, var(--color-popover-foreground));
-    box-shadow: var(--command-palette-shadow, var(--shadow-lg));
-    transform-origin: top;
-    outline: 0;
-    flex-direction: column;
-    display: flex;
-    overflow: hidden;
-
-    &[data-state="open"] {
-      animation: _4OfG0a_command-palette-content-in
-        var(--command-palette-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-    }
-
-    &[data-state="closed"] {
-      animation: _4OfG0a_command-palette-content-out
-        var(--command-palette-transition, var(--popup-motion-duration, var(--duration-normal))
-            var(--popup-motion-easing, var(--ease-in-out)));
-      animation-fill-mode: forwards;
-    }
-  }
-
-  ._4OfG0a_header {
-    gap: var(--command-palette-header-gap, var(--spacing-1));
-    padding: var(--command-palette-header-padding-y, var(--spacing-4))
-      var(--command-palette-header-padding-x, var(--spacing-4)) 0;
-    display: grid;
-  }
-
-  ._4OfG0a_title {
-    color: var(--command-palette-title-color, var(--command-palette-color, var(--color-popover-foreground)));
-    font-size: var(--command-palette-title-font-size, var(--text-md));
-    font-weight: var(--command-palette-title-font-weight, var(--weight-semibold));
-    line-height: var(--command-palette-title-line-height, var(--line-height-text-md));
-    margin: 0;
-  }
-
-  ._4OfG0a_description {
-    color: var(--command-palette-description-color, var(--color-muted-foreground));
-    font-size: var(--command-palette-description-font-size, var(--text-sm));
-    line-height: var(--command-palette-description-line-height, var(--line-height-text-sm));
-    margin: 0;
-  }
-
-  ._4OfG0a_clearTrigger {
-    --close-button-size: var(--command-palette-clear-size, var(--size-sm));
-    --close-button-radius: var(--command-palette-clear-radius, var(--radius-md));
-    --close-button-icon-size: var(--command-palette-icon-size, var(--spacing-4));
-    --close-button-bg: transparent;
-    --close-button-bg-hover: var(--command-palette-clear-bg-hover, var(--color-accent));
-    --close-button-color: var(--command-palette-muted-color, var(--color-muted-foreground));
-    --close-button-color-hover: var(--command-palette-color, var(--color-popover-foreground));
-    --close-button-focus-ring-width: var(--command-palette-focus-ring-width, var(--border-width-sm));
-    --close-button-focus-ring-color: var(--command-palette-focus-ring-color, var(--color-ring));
-    --close-button-focus-ring-offset: var(--command-palette-focus-ring-offset, var(--border-width-sm));
-  }
-
-  ._4OfG0a_body {
-    flex-direction: column;
-    flex: auto;
-    min-height: 0;
-    display: flex;
-  }
-
-  ._4OfG0a_iconSvg {
-    width: var(--command-palette-icon-size, var(--spacing-4));
-    height: var(--command-palette-icon-size, var(--spacing-4));
-  }
-
-  ._4OfG0a_combobox {
-    flex-direction: column;
-    flex: auto;
-    min-height: 0;
-    display: flex;
-    overflow: hidden;
-  }
-
-  ._4OfG0a_control {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--command-palette-input-gap, var(--spacing-2));
-    min-height: var(--command-palette-input-height, var(--size-md));
-    margin: var(--command-palette-control-margin-y, var(--spacing-2))
-      var(--command-palette-control-margin-x, var(--spacing-4))
-      var(--command-palette-control-margin-bottom, var(--spacing-2));
-    border: var(--command-palette-input-border-width, var(--border-width-sm)) solid
-      var(--command-palette-input-border-color, var(--color-border));
-    border-radius: var(--command-palette-input-radius, var(--radius-md));
-    padding: var(--command-palette-control-padding-y, var(--spacing-1))
-      var(--command-palette-control-padding-x, var(--spacing-3));
-    background-color: var(--command-palette-input-bg, var(--color-background));
-    color: var(--command-palette-input-color, var(--color-foreground));
-    transition: background-color var(--transition-default),
-      border-color var(--transition-default);
-    flex: none;
-    display: flex;
-    position: relative;
-
-    &:has(._4OfG0a_input:is([data-invalid], [aria-invalid="true"])) {
-      border-color: var(--command-palette-input-border-color-invalid, var(--color-destructive));
-    }
-  }
-
-  ._4OfG0a_input {
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 0;
-    height: var(--command-palette-input-control-height, auto);
-    color: inherit;
-    font: inherit;
-    font-size: var(--command-palette-input-font-size, var(--text-sm));
-    line-height: var(--command-palette-input-line-height, var(--line-height-text-sm));
-    background: none;
-    border: 0;
-    outline: 0;
-    margin: 0;
-    padding: 0;
-
-    &::placeholder {
-      color: var(--command-palette-input-placeholder-color, var(--color-muted-foreground));
-    }
-
-    &[data-invalid] {
-      color: var(--color-destructive);
-    }
-  }
-
-  ._4OfG0a_empty {
-    margin: 0;
-    padding: 0;
-
-    &:not(:empty) {
-      padding: var(--command-palette-empty-padding-y, var(--spacing-3))
-        var(--command-palette-empty-padding-x, var(--spacing-4));
-      color: var(--command-palette-muted-color, var(--color-muted-foreground));
-      font-size: var(--command-palette-empty-font-size, var(--text-sm));
-      line-height: var(--command-palette-empty-line-height, var(--line-height-text-sm));
-    }
-  }
-
-  ._4OfG0a_list {
-    box-sizing: border-box;
-    outline: 0;
-    flex: auto;
-    min-height: 0;
-    display: flex;
-    overflow: hidden;
-  }
-
-  ._4OfG0a_scrollArea {
-    --scroll-area-radius: 0;
-    --scroll-area-scrollbar-margin: var(--command-palette-scrollbar-margin, var(--spacing-1));
-    --scroll-area-scrollbar-size: var(--command-palette-scrollbar-size, var(--spacing-1-5));
-    --scroll-area-thumb-bg: var(--command-palette-scrollbar-thumb-bg, var(--color-border));
-    --scroll-area-content-padding: var(--command-palette-list-padding-y, var(--spacing-2))
-      calc(var(--command-palette-list-padding-x, var(--spacing-2)) +
-          var(--scroll-area-scrollbar-size) + var(--scroll-area-scrollbar-margin))
-      var(--command-palette-list-padding-y, var(--spacing-2))
-      var(--command-palette-list-padding-x, var(--spacing-2));
-    --scroll-area-height: auto;
-    width: 100%;
-    min-height: 0;
-    color: inherit;
-    flex: auto;
-  }
-
-  ._4OfG0a_scrollViewport {
-    scroll-padding-block: var(--command-palette-list-scroll-padding-y, var(--spacing-2));
-  }
-
-  ._4OfG0a_scrollContent {
-    min-height: 100%;
-
-    ._4OfG0a_list[data-empty] & {
-      padding: 0;
-    }
-  }
-
-  ._4OfG0a_scrollbar {
-    --scroll-area-scrollbar-bg: transparent;
-  }
-
-  ._4OfG0a_itemGroup {
-    gap: var(--command-palette-group-gap, var(--spacing-1));
-    display: grid;
-
-    &:not(:last-child) {
-      padding-bottom: var(--command-palette-group-padding-bottom, var(--spacing-2));
-    }
-  }
-
-  ._4OfG0a_itemGroupLabel {
-    z-index: 1;
-    padding: var(--command-palette-group-label-padding-y, var(--popup-group-label-padding-y, var(--spacing-1)))
-      var(--command-palette-group-label-padding-x, var(--spacing-3));
-    background-color: var(--command-palette-bg, var(--color-popover));
-    color: var(--command-palette-group-label-color, var(--popup-group-label-color, var(--command-palette-muted-color, var(--color-muted-foreground))));
-    font-size: var(--command-palette-group-label-font-size, var(--popup-group-label-font-size, var(--text-xs)));
-    font-weight: var(--command-palette-group-label-font-weight, var(--popup-group-label-font-weight, var(--weight-regular)));
-    line-height: var(--command-palette-group-label-line-height, var(--popup-group-label-line-height, var(--line-height-text-xs)));
-    margin: 0;
-    display: block;
-    position: sticky;
-    top: 0;
-  }
-
-  ._4OfG0a_item {
-    box-sizing: border-box;
-    z-index: 0;
-    align-items: center;
-    gap: var(--command-palette-item-gap, var(--spacing-3));
-    min-height: var(--command-palette-item-min-height, var(--popup-item-min-height, var(--size-sm)));
-    padding: var(--command-palette-item-padding-y, var(--popup-item-padding-y, var(--spacing-1)))
-      var(--command-palette-item-padding-x, var(--popup-item-padding-x-start, var(--spacing-3)));
-    border-radius: var(--command-palette-item-radius, var(--radius-md));
-    color: var(--command-palette-item-color, var(--command-palette-color, var(--color-foreground)));
-    font: inherit;
-    font-size: var(--command-palette-item-font-size, var(--popup-item-font-size, var(--text-sm)));
-    line-height: var(--command-palette-item-line-height, var(--popup-item-line-height, var(--line-height-text-sm)));
-    cursor: default;
-    user-select: none;
-    outline: 0;
-    grid-template-columns: auto minmax(0, 1fr) auto auto;
-    display: grid;
-    position: relative;
-
-    &[data-highlighted] {
-      color: var(--command-palette-highlight-color, var(--color-foreground));
-
-      &:before {
-        content: "";
-        z-index: -1;
-        border-radius: inherit;
-        background-color: var(--command-palette-highlight-bg, var(--color-accent));
-        position: absolute;
-        inset: 0;
-      }
-    }
-
-    &[data-state="checked"] {
-      color: var(--command-palette-selected-color, var(--command-palette-highlight-color, inherit));
-    }
-
-    &[data-disabled] {
-      opacity: var(--opacity-disabled);
-      pointer-events: none;
-    }
-  }
-
-  ._4OfG0a_itemIcon, ._4OfG0a_itemIndicator {
-    width: var(--command-palette-item-icon-box-size, var(--spacing-8));
-    height: var(--command-palette-item-icon-box-size, var(--spacing-8));
-    border: var(--command-palette-item-icon-border-width, var(--border-width-sm)) solid
-      var(--command-palette-item-icon-border-color, var(--color-border));
-    border-radius: var(--command-palette-item-icon-radius, var(--radius-md));
-    background-color: var(--command-palette-item-icon-bg, var(--color-muted));
-    color: var(--command-palette-item-icon-color, var(--color-muted-foreground));
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-
-    & > svg {
-      width: var(--command-palette-item-icon-size, var(--spacing-4));
-      height: var(--command-palette-item-icon-size, var(--spacing-4));
-    }
-  }
-
-  ._4OfG0a_itemIndicator {
-    background-color: #0000;
-    border-color: #0000;
-    justify-self: end;
-
-    & > svg {
-      width: var(--command-palette-item-icon-size, var(--spacing-4));
-      height: var(--command-palette-item-icon-size, var(--spacing-4));
-    }
-  }
-
-  ._4OfG0a_itemText {
-    gap: var(--command-palette-item-text-gap, var(--spacing-1));
-    min-width: 0;
-    display: grid;
-
-    & > ._4OfG0a_itemLabel, & > ._4OfG0a_itemDescription {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      min-width: 0;
-      overflow: hidden;
-    }
-  }
-
-  ._4OfG0a_itemLabel {
-    font-weight: var(--command-palette-item-label-font-weight, var(--weight-medium));
-  }
-
-  ._4OfG0a_itemDescription {
-    color: var(--command-palette-muted-color, var(--color-muted-foreground));
-    font-size: var(--command-palette-item-description-font-size, var(--text-xs));
-    line-height: var(--command-palette-item-description-line-height, var(--line-height-text-xs));
-  }
-
-  ._4OfG0a_itemMeta {
-    color: var(--command-palette-muted-color, var(--color-muted-foreground));
-    font-size: var(--command-palette-item-meta-font-size, var(--text-xs));
-    line-height: var(--command-palette-item-meta-line-height, var(--line-height-text-xs));
-    white-space: nowrap;
-    justify-self: end;
-  }
-
-  ._4OfG0a_separator {
-    height: var(--command-palette-divider-width, var(--border-width-sm));
-    margin: var(--command-palette-separator-margin-y, var(--spacing-2))
-      var(--command-palette-separator-margin-x, var(--spacing-2));
-    background-color: var(--command-palette-divider-color, var(--color-border));
-  }
-
-  ._4OfG0a_footer {
-    justify-content: space-between;
-    align-items: center;
-    gap: var(--command-palette-footer-gap, var(--spacing-3));
-    padding: var(--command-palette-footer-padding-y, var(--spacing-2))
-      var(--command-palette-footer-padding-x, var(--spacing-4));
-    border-top: var(--command-palette-divider-width, var(--border-width-sm)) solid
-      var(--command-palette-divider-color, var(--color-border));
-    color: var(--command-palette-muted-color, var(--color-muted-foreground));
-    font-size: var(--command-palette-footer-font-size, var(--text-xs));
-    line-height: var(--command-palette-footer-line-height, var(--line-height-text-xs));
-    flex: none;
-    display: flex;
-  }
-
-  ._4OfG0a_kbd {
-    --kbd-bg: var(--command-palette-kbd-bg, var(--color-muted));
-    --kbd-border-color: var(--command-palette-kbd-border-color, var(--color-border));
-    --kbd-border-width: var(--command-palette-kbd-border-width, var(--border-width-sm));
-    --kbd-color: var(--command-palette-kbd-color, var(--color-muted-foreground));
-    --kbd-font-family: var(--command-palette-kbd-font-family, var(--font-mono));
-    --kbd-font-size: var(--command-palette-kbd-font-size, var(--text-xs));
-    --kbd-height: var(--command-palette-kbd-height, 1.25rem);
-    --kbd-line-height: var(--command-palette-kbd-line-height, 1rem);
-    --kbd-min-width: var(--command-palette-kbd-min-width, 1.25rem);
-    --kbd-padding-x: var(--command-palette-kbd-padding-x, var(--spacing-1));
-    --kbd-radius: var(--command-palette-kbd-radius, var(--radius-sm));
-  }
-
-  @keyframes _4OfG0a_command-palette-backdrop-in {
-    from {
-      opacity: var(--command-palette-backdrop-starting-opacity, 0);
-      backdrop-filter: var(--command-palette-backdrop-starting-blur, none);
-    }
-  }
-
-  @keyframes _4OfG0a_command-palette-backdrop-out {
-    to {
-      opacity: var(--command-palette-backdrop-ending-opacity, 0);
-      backdrop-filter: var(--command-palette-backdrop-ending-blur, none);
-    }
-  }
-
-  @keyframes _4OfG0a_command-palette-content-in {
-    from {
-      opacity: var(--command-palette-content-starting-opacity, var(--popup-motion-starting-opacity, 0));
-      translate: var(--command-palette-content-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
-        var(--command-palette-content-starting-translate-y, var(--popup-motion-starting-translate-y, -.75rem));
-      scale: var(--command-palette-content-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup)));
-    }
-  }
-
-  @keyframes _4OfG0a_command-palette-content-out {
-    to {
-      opacity: var(--command-palette-content-ending-opacity, var(--popup-motion-ending-opacity, 0));
-      translate: var(--command-palette-content-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
-        var(--command-palette-content-ending-translate-y, var(--popup-motion-ending-translate-y, -.75rem));
-      scale: var(--command-palette-content-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup)));
-    }
-  }
-}

package/dist/components/container/Container.css

@@ -1,45 +0,0 @@
-@layer ui.components {
-  .o47Mga_root {
-    --container-gutter: var(--container-gutter-md, clamp(1rem, 4vw, 2rem));
-    --container-max-width: var(--container-max-width-lg, 72rem);
-    box-sizing: border-box;
-    width: 100%;
-    max-width: calc(var(--container-max-width) + (var(--container-gutter) * 2));
-    min-width: 0;
-    padding-inline: var(--container-gutter);
-    margin-inline: auto;
-    display: block;
-
-    &[data-size="xs"] {
-      --container-max-width: var(--container-max-width-xs, 40rem);
-    }
-
-    &[data-size="sm"] {
-      --container-max-width: var(--container-max-width-sm, 48rem);
-    }
-
-    &[data-size="md"] {
-      --container-max-width: var(--container-max-width-md, 64rem);
-    }
-
-    &[data-size="xl"] {
-      --container-max-width: var(--container-max-width-xl, 90rem);
-    }
-
-    &[data-size="full"] {
-      max-width: none;
-    }
-
-    &[data-gutter="none"] {
-      --container-gutter: 0;
-    }
-
-    &[data-gutter="sm"] {
-      --container-gutter: var(--container-gutter-sm, clamp(.75rem, 3vw, 1.5rem));
-    }
-
-    &[data-gutter="lg"] {
-      --container-gutter: var(--container-gutter-lg, clamp(1.5rem, 5vw, 3rem));
-    }
-  }
-}

package/dist/components/date-input/DateInput.css

@@ -1,107 +0,0 @@
-@layer ui.components {
-  .X3ODua_root {
-    align-items: flex-start;
-    gap: var(--date-input-gap, var(--spacing-1));
-    width: var(--date-input-width, 100%);
-    max-width: var(--date-input-max-width, none);
-    flex-direction: column;
-    display: inline-flex;
-
-    &[data-disabled] {
-      opacity: var(--date-input-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  .X3ODua_label {
-    color: var(--date-input-label-color, var(--color-foreground));
-    font-size: var(--date-input-label-font-size, var(--text-sm));
-    font-weight: var(--date-input-label-font-weight, var(--weight-medium));
-    line-height: var(--date-input-label-line-height, var(--line-height-text-sm));
-  }
-
-  .X3ODua_control {
-    box-sizing: border-box;
-    width: var(--date-input-control-width, 100%);
-    min-height: var(--date-input-control-height, var(--size-md));
-    border: var(--date-input-border-width, var(--border-width-sm))
-      var(--date-input-border-style, solid) var(--date-input-border-color, var(--color-border));
-    border-radius: var(--date-input-radius, var(--radius-md));
-    padding: var(--date-input-padding-y, var(--spacing-1))
-      var(--date-input-padding-x, var(--spacing-3));
-    background-color: var(--date-input-bg, var(--color-background));
-    color: var(--date-input-color, var(--color-foreground));
-    outline: var(--date-input-focus-ring-width, var(--date-input-border-width, var(--focus-ring-inset-width, var(--border-width-sm))))
-      solid transparent;
-    outline-offset: var(--date-input-focus-ring-offset, var(--focus-ring-inset-offset));
-    transition: border-color var(--date-input-transition, var(--transition-default)),
-      outline-color var(--date-input-transition, var(--transition-default)),
-      opacity var(--date-input-transition, var(--transition-default));
-    align-items: center;
-    display: inline-flex;
-
-    &:focus-within, &[data-focus] {
-      outline-color: var(--date-input-focus-ring-color, var(--color-ring));
-    }
-
-    &[data-invalid] {
-      border-color: var(--date-input-border-color-invalid, var(--color-destructive));
-
-      &:focus-within, &[data-focus] {
-        outline-color: var(--date-input-border-color-invalid, var(--color-destructive));
-      }
-    }
-
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-
-  .X3ODua_segmentGroup {
-    align-items: center;
-    gap: var(--date-input-segment-gap, var(--border-width-md));
-    font-variant-numeric: tabular-nums;
-    display: inline-flex;
-  }
-
-  .X3ODua_segment {
-    min-width: var(--date-input-segment-min-width, 2ch);
-    border-radius: var(--date-input-segment-radius, var(--radius-sm));
-    padding: var(--date-input-segment-padding-y, 0)
-      var(--date-input-segment-padding-x, var(--spacing-1));
-    color: var(--date-input-segment-color, currentColor);
-    font: inherit;
-    line-height: var(--date-input-segment-line-height, var(--line-height-text-md));
-    text-align: center;
-    cursor: text;
-    transition: background-color var(--date-input-transition, var(--transition-default)),
-      color var(--date-input-transition, var(--transition-default));
-    outline: 0;
-
-    &[data-placeholder-shown] {
-      color: var(--date-input-placeholder-color, var(--color-muted-foreground));
-    }
-
-    &:focus-visible {
-      background-color: var(--date-input-segment-bg-focus, color-mix(in oklab, var(--color-ring) 18%, transparent));
-      color: var(--date-input-segment-color-focus, var(--color-foreground));
-    }
-
-    &:is([data-readonly], [data-disabled]) {
-      cursor: default;
-    }
-
-    &[data-type="literal"] {
-      min-width: auto;
-      box-shadow: none;
-      color: var(--date-input-separator-color, var(--color-muted-foreground));
-      pointer-events: none;
-      background: none;
-      padding-inline: 0;
-    }
-  }
-
-  .X3ODua_separator {
-    color: var(--date-input-separator-color, var(--color-muted-foreground));
-    user-select: none;
-  }
-}