@moduix/react 2.1.0 → 2.2.4

package/dist/components/timer/Timer.css

@@ -1,95 +0,0 @@
-@layer ui.components {
-  .Z6b--a_root {
-    box-sizing: border-box;
-    place-items: center;
-    gap: var(--timer-gap, var(--spacing-3));
-    width: var(--timer-width, max-content);
-    color: var(--timer-color, var(--color-foreground));
-    display: inline-grid;
-  }
-
-  .Z6b--a_area {
-    align-items: baseline;
-    gap: var(--timer-area-gap, var(--spacing-1));
-    font-size: var(--timer-area-font-size, var(--text-2xl));
-    font-weight: var(--timer-area-font-weight, var(--weight-semibold));
-    line-height: var(--timer-area-line-height, var(--line-height-text-sm));
-    font-variant-numeric: tabular-nums;
-    letter-spacing: 0;
-    display: inline-flex;
-  }
-
-  .Z6b--a_item {
-    min-width: var(--timer-item-min-width, 2ch);
-    color: var(--timer-item-color, currentColor);
-    text-align: var(--timer-item-text-align, center);
-  }
-
-  .Z6b--a_separator {
-    color: var(--timer-separator-color, var(--color-muted-foreground));
-  }
-
-  .Z6b--a_control {
-    align-items: center;
-    gap: var(--timer-control-gap, var(--spacing-2));
-    flex-wrap: wrap;
-    display: inline-flex;
-  }
-
-  .Z6b--a_actionTrigger {
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    gap: var(--timer-action-trigger-gap, var(--spacing-2));
-    min-height: var(--timer-action-trigger-height, var(--size-md));
-    border: var(--timer-action-trigger-border-width, var(--border-width-sm)) solid
-      var(--timer-action-trigger-border-color, var(--color-border));
-    border-radius: var(--timer-action-trigger-radius, var(--radius-md));
-    padding-block: var(--timer-action-trigger-padding-y, var(--spacing-1-5));
-    padding-inline: var(--timer-action-trigger-padding-x, var(--spacing-3));
-    background-color: var(--timer-action-trigger-bg, var(--color-background));
-    color: var(--timer-action-trigger-color, var(--color-foreground));
-    appearance: none;
-    font: inherit;
-    font-size: var(--timer-action-trigger-font-size, var(--text-sm));
-    font-weight: var(--timer-action-trigger-font-weight, var(--weight-medium));
-    line-height: var(--timer-action-trigger-line-height, var(--line-height-text-sm));
-    white-space: nowrap;
-    cursor: pointer;
-    transition: background-color var(--timer-action-trigger-transition, var(--transition-default)),
-      border-color var(--timer-action-trigger-transition, var(--transition-default)),
-      color var(--timer-action-trigger-transition, var(--transition-default)),
-      opacity var(--timer-action-trigger-transition, var(--transition-default)),
-      box-shadow var(--timer-action-trigger-transition, var(--transition-default));
-    margin: 0;
-    display: inline-flex;
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--timer-action-trigger-bg-hover, var(--color-accent));
-      }
-    }
-
-    &:focus-visible {
-      outline: var(--timer-action-trigger-focus-ring-width, var(--focus-ring-width, var(--border-width-md)))
-        solid var(--timer-action-trigger-focus-ring-color, var(--color-ring));
-      outline-offset: var(--timer-action-trigger-focus-ring-offset, var(--focus-ring-inset-offset));
-    }
-
-    &:is(:disabled, [aria-disabled="true"]) {
-      opacity: var(--timer-action-trigger-disabled-opacity, var(--opacity-disabled));
-      cursor: default;
-      pointer-events: none;
-    }
-
-    &[hidden] {
-      display: none;
-    }
-
-    & :where(svg) {
-      width: var(--timer-action-trigger-icon-size, var(--spacing-4));
-      height: var(--timer-action-trigger-icon-size, var(--spacing-4));
-      flex-shrink: 0;
-    }
-  }
-}

package/dist/components/toast/Toast.css

@@ -1,155 +0,0 @@
-@layer ui.components {
-  .o69bxG_toaster {
-    z-index: var(--toast-z-index, var(--z-toast));
-  }
-
-  .o69bxG_root {
-    --toast-trigger-bg-default: transparent;
-    --toast-trigger-bg-hover-default: var(--color-accent);
-    --toast-trigger-border-color-default: var(--color-border);
-    --toast-trigger-color-default: var(--color-foreground);
-    --toast-trigger-focus-ring-color-default: var(--color-ring);
-    box-sizing: border-box;
-    width: var(--toast-width, 20rem);
-    max-width: calc(100vw - (var(--toast-viewport-inset, var(--spacing-4)) * 2));
-    min-height: var(--toast-min-height, 0);
-    align-items: start;
-    gap: var(--toast-content-gap, var(--spacing-1));
-    border: var(--toast-border-width, var(--border-width-sm)) solid
-      var(--toast-border-color, var(--toast-border-color-default, var(--color-border)));
-    border-radius: var(--toast-radius, var(--radius-lg));
-    background-color: var(--toast-bg, var(--toast-bg-default, var(--color-popover)));
-    color: var(--toast-color, var(--toast-color-default, var(--color-popover-foreground)));
-    box-shadow: var(--toast-shadow, var(--shadow-lg));
-    padding: var(--toast-padding, var(--spacing-4));
-    pointer-events: auto;
-    user-select: none;
-    translate: var(--x) var(--y);
-    scale: var(--scale);
-    z-index: var(--z-index);
-    height: var(--height);
-    opacity: var(--opacity);
-    will-change: translate, opacity, scale;
-    transition: translate var(--toast-transition, var(--duration-slow)),
-      scale var(--toast-transition, var(--duration-slow)),
-      opacity var(--toast-transition, var(--duration-slow)),
-      height var(--toast-transition, var(--duration-slow)),
-      box-shadow var(--transition-fast);
-    background-clip: padding-box;
-    padding-inline-end: calc(var(--toast-padding, var(--spacing-4)) + var(--toast-close-size, var(--spacing-7)));
-    transition-timing-function: cubic-bezier(.21, 1.02, .73, 1);
-    display: grid;
-
-    &[data-state="closed"] {
-      transition: translate var(--toast-transition-out, var(--duration-slow)),
-        scale var(--toast-transition-out, var(--duration-slow)),
-        opacity var(--toast-opacity-transition-out, var(--duration-normal));
-      transition-timing-function: cubic-bezier(.06, .71, .55, 1);
-    }
-
-    &[data-type="success"] {
-      --toast-bg-default: color-mix(in oklab, var(--color-success) 10%, var(--color-background));
-      --toast-border-color-default: color-mix(in oklab, var(--color-success) 34%, transparent);
-      --toast-color-default: var(--color-foreground);
-      --toast-description-color-default: var(--color-muted-foreground);
-    }
-
-    &[data-type="warning"] {
-      --toast-bg-default: color-mix(in oklab, var(--color-warning) 13%, var(--color-background));
-      --toast-border-color-default: color-mix(in oklab, var(--color-warning) 38%, transparent);
-      --toast-color-default: var(--color-foreground);
-      --toast-description-color-default: var(--color-muted-foreground);
-    }
-
-    &[data-type="destructive"], &[data-type="error"] {
-      --toast-bg-default: color-mix(in oklab, var(--color-destructive) 9%, var(--color-background));
-      --toast-border-color-default: color-mix(in oklab, var(--color-destructive) 35%, transparent);
-      --toast-color-default: var(--color-foreground);
-      --toast-description-color-default: var(--color-muted-foreground);
-    }
-  }
-
-  .o69bxG_title {
-    align-items: center;
-    gap: var(--toast-title-gap, var(--spacing-2));
-    color: inherit;
-    font-size: var(--toast-title-font-size, var(--text-sm));
-    font-weight: var(--toast-title-font-weight, var(--weight-semibold));
-    line-height: var(--toast-title-line-height, var(--line-height-text-sm));
-    margin: 0;
-    display: flex;
-  }
-
-  .o69bxG_description {
-    color: var(--toast-description-color, var(--toast-description-color-default, var(--color-muted-foreground)));
-    font-size: var(--toast-description-font-size, var(--text-sm));
-    line-height: var(--toast-description-line-height, var(--line-height-text-sm));
-    margin: 0;
-  }
-
-  .o69bxG_actionTrigger {
-    justify-content: center;
-    align-items: center;
-    gap: var(--toast-action-gap, var(--spacing-2));
-    width: max-content;
-    min-height: var(--toast-action-min-height, var(--size-xs));
-    margin-top: var(--toast-action-margin-top, var(--spacing-2));
-    border: var(--toast-action-border-width, var(--toast-border-width, var(--border-width-sm)))
-      solid var(--toast-action-border-color, var(--toast-trigger-border-color-default));
-    border-radius: var(--toast-action-radius, var(--radius-sm));
-    background: var(--toast-action-bg, var(--toast-trigger-bg-default));
-    color: var(--toast-action-color, var(--toast-trigger-color-default));
-    padding: var(--toast-action-padding-y, var(--spacing-1))
-      var(--toast-action-padding-x, var(--spacing-2));
-    font: inherit;
-    font-size: var(--toast-action-font-size, var(--text-xs));
-    font-weight: var(--toast-action-font-weight, var(--weight-medium));
-    line-height: var(--toast-action-line-height, var(--line-height-text-xs));
-    cursor: pointer;
-    user-select: none;
-    white-space: nowrap;
-    transition: background var(--transition-fast),
-      border-color var(--transition-fast),
-      color var(--transition-fast);
-    display: inline-flex;
-
-    &:hover {
-      background: var(--toast-action-bg-hover, var(--toast-trigger-bg-hover-default));
-    }
-
-    &:focus-visible {
-      outline: var(--toast-focus-ring-width, var(--toast-action-border-width, var(--focus-ring-inset-width, var(--border-width-sm))))
-        solid var(--toast-focus-ring-color, var(--toast-trigger-focus-ring-color-default));
-      outline-offset: var(--toast-focus-ring-offset, 0);
-    }
-  }
-
-  .o69bxG_closeTrigger {
-    --close-button-size: var(--toast-close-size, var(--spacing-7));
-    --close-button-icon-size: var(--toast-close-icon-size, var(--spacing-3));
-    --close-button-radius: var(--toast-close-radius, var(--radius-sm));
-    --close-button-bg: var(--toast-close-bg, transparent);
-    --close-button-bg-hover: var(--toast-close-bg-hover, var(--color-muted));
-    --close-button-color: var(--toast-close-color, var(--color-muted-foreground));
-    --close-button-color-hover: var(--toast-close-color-hover, var(--color-foreground));
-    --close-button-focus-ring-color: var(--toast-focus-ring-color, var(--color-ring));
-    --close-button-focus-ring-offset: var(--toast-close-focus-ring-offset, var(--focus-ring-offset));
-    --close-button-focus-ring-width: var(--toast-close-focus-ring-width, var(--focus-ring-width, var(--border-width-md)));
-    --close-button-transition: var(--toast-close-transition, var(--transition-default));
-    position: absolute;
-    inset-block-start: var(--toast-close-offset-top, var(--spacing-2));
-    inset-inline-end: var(--toast-close-offset-right, var(--spacing-2));
-  }
-
-  @media (width <= 40rem) {
-    .o69bxG_toaster {
-      width: 100%;
-    }
-
-    .o69bxG_root {
-      width: calc(100% - (var(--gap) * 2));
-      max-width: none;
-      inset-inline: 0;
-    }
-  }
-}

package/dist/components/toggle/Toggle.css

@@ -1,167 +0,0 @@
-@layer ui.components {
-  .aGZbbW_root {
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    gap: var(--toggle-content-gap, var(--spacing-2));
-    min-height: var(--toggle-size-md, var(--size-md));
-    border-style: solid;
-    border-width: var(--toggle-border-width, var(--border-width-sm));
-    border-radius: var(--toggle-radius, var(--radius-md));
-    padding-block: var(--toggle-padding-y-md, var(--spacing-1));
-    padding-inline: var(--toggle-padding-x-md, var(--spacing-4));
-    color: var(--toggle-color, var(--color-foreground));
-    appearance: none;
-    font: inherit;
-    font-size: var(--toggle-font-size, var(--text-sm));
-    font-weight: var(--toggle-font-weight, var(--weight-medium));
-    line-height: var(--toggle-line-height, var(--line-height-text-sm));
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-    transition: background-color var(--toggle-transition, var(--transition-default)),
-      border-color var(--toggle-transition, var(--transition-default)),
-      color var(--toggle-transition, var(--transition-default)),
-      opacity var(--toggle-transition, var(--transition-default));
-    background-color: #0000;
-    border-color: #0000;
-    margin: 0;
-    display: inline-flex;
-
-    &:focus-visible {
-      outline: var(--toggle-focus-ring-width, var(--focus-ring-width, var(--border-width-md))) solid
-        var(--toggle-focus-ring-color, var(--color-ring));
-      outline-offset: var(--toggle-focus-ring-offset, var(--focus-ring-inset-offset));
-    }
-
-    &[data-disabled] {
-      opacity: var(--toggle-disabled-opacity, var(--opacity-disabled));
-      cursor: default;
-      pointer-events: none;
-    }
-
-    & :where(svg) {
-      width: var(--toggle-icon-size, var(--spacing-4));
-      height: var(--toggle-icon-size, var(--spacing-4));
-      flex-shrink: 0;
-      display: block;
-    }
-
-    &[data-variant="default"] {
-      border-color: var(--toggle-default-border-color, var(--color-secondary));
-      background-color: var(--toggle-default-bg, var(--color-secondary));
-      color: var(--toggle-default-color, var(--toggle-color, var(--color-secondary-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--toggle-default-bg-hover, var(--color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--toggle-default-bg-active, var(--color-accent));
-      }
-
-      &[data-state="on"] {
-        border-color: var(--toggle-default-border-color-pressed, var(--color-primary));
-        background-color: var(--toggle-default-bg-pressed, var(--color-primary));
-        color: var(--toggle-default-color-pressed, var(--color-primary-foreground));
-      }
-    }
-
-    &[data-variant="outline"] {
-      border-color: var(--toggle-outline-border-color, var(--color-border));
-      background-color: var(--toggle-outline-bg, var(--color-background));
-      color: var(--toggle-outline-color, var(--toggle-color, var(--color-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--toggle-outline-bg-hover, var(--color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--toggle-outline-bg-active, var(--color-accent));
-      }
-
-      &[data-state="on"] {
-        border-color: var(--toggle-outline-border-color-pressed, var(--color-primary));
-        background-color: var(--toggle-outline-bg-pressed, var(--color-primary));
-        color: var(--toggle-outline-color-pressed, var(--color-primary-foreground));
-      }
-    }
-
-    &[data-variant="ghost"] {
-      border-color: var(--toggle-ghost-border-color, transparent);
-      background-color: var(--toggle-ghost-bg, transparent);
-      color: var(--toggle-ghost-color, var(--toggle-color, var(--color-foreground)));
-
-      @media (hover: hover) {
-        &[data-state="off"]:not([data-disabled]):hover {
-          background-color: var(--toggle-ghost-bg-hover, var(--color-accent));
-        }
-      }
-
-      &[data-state="off"]:not([data-disabled]):active {
-        background-color: var(--toggle-ghost-bg-active, var(--color-accent));
-      }
-
-      &[data-state="on"] {
-        background-color: var(--toggle-ghost-bg-pressed, var(--color-accent));
-        color: var(--toggle-ghost-color-pressed, var(--color-foreground));
-      }
-    }
-
-    &[data-size="xs"] {
-      min-height: var(--toggle-size-xs, var(--size-xs));
-      padding-block: var(--toggle-padding-y-xs, var(--spacing-0-5));
-      padding-inline: var(--toggle-padding-x-xs, var(--spacing-2-5));
-      font-size: var(--toggle-font-size-xs, var(--text-xs));
-      line-height: var(--toggle-line-height-xs, var(--line-height-text-xs));
-    }
-
-    &[data-size="sm"] {
-      min-height: var(--toggle-size-sm, var(--size-sm));
-      padding-block: var(--toggle-padding-y-sm, var(--spacing-1));
-      padding-inline: var(--toggle-padding-x-sm, var(--spacing-3));
-    }
-
-    &[data-size="lg"] {
-      min-height: var(--toggle-size-lg, var(--size-lg));
-      padding-block: var(--toggle-padding-y-lg, var(--spacing-1-5));
-      padding-inline: var(--toggle-padding-x-lg, var(--spacing-5));
-      font-size: var(--toggle-font-size-lg, var(--text-md));
-      line-height: var(--toggle-line-height-lg, var(--line-height-text-md));
-    }
-
-    &[data-size="icon-sm"], &[data-size="icon-md"], &[data-size="icon-lg"] {
-      gap: 0;
-      padding: 0;
-    }
-
-    &[data-size="icon-sm"] {
-      width: var(--toggle-size-icon-sm, var(--size-sm));
-      min-width: var(--toggle-size-icon-sm, var(--size-sm));
-      height: var(--toggle-size-icon-sm, var(--size-sm));
-    }
-
-    &[data-size="icon-md"] {
-      width: var(--toggle-size-icon-md, var(--size-md));
-      min-width: var(--toggle-size-icon-md, var(--size-md));
-      height: var(--toggle-size-icon-md, var(--size-md));
-    }
-
-    &[data-size="icon-lg"] {
-      width: var(--toggle-size-icon-lg, var(--size-lg));
-      min-width: var(--toggle-size-icon-lg, var(--size-lg));
-      height: var(--toggle-size-icon-lg, var(--size-lg));
-    }
-  }
-
-  .aGZbbW_indicator {
-    color: inherit;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-  }
-}

package/dist/components/toggle-group/ToggleGroup.css

@@ -1,42 +0,0 @@
-@layer ui.components {
-  .un9nBW_root {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--toggle-group-gap, var(--border-width-sm));
-    padding: var(--toggle-group-padding, var(--border-width-md));
-    border: var(--toggle-group-border-width, var(--border-width-sm)) solid
-      var(--toggle-group-border-color, var(--color-border));
-    border-radius: var(--toggle-group-radius, var(--radius-lg));
-    background-color: var(--toggle-group-bg, var(--color-muted));
-    color: var(--toggle-group-color, var(--color-foreground));
-    display: inline-flex;
-
-    &[data-orientation="vertical"] {
-      flex-direction: column;
-      align-items: stretch;
-
-      & > .un9nBW_item {
-        justify-content: flex-start;
-        width: 100%;
-      }
-    }
-
-    &[data-variant="ghost"] {
-      --toggle-group-bg: var(--toggle-group-ghost-bg, transparent);
-      --toggle-group-border-color: var(--toggle-group-ghost-border-color, transparent);
-      --toggle-group-padding: var(--toggle-group-ghost-padding, 0);
-    }
-
-    &[data-variant="outline"] {
-      --toggle-group-bg: var(--toggle-group-outline-bg, var(--color-background));
-    }
-  }
-
-  .un9nBW_item {
-    border-radius: var(--toggle-group-item-radius, var(--radius-md));
-    --toggle-default-color: var(--toggle-group-color, var(--color-foreground));
-    --toggle-ghost-color: var(--toggle-group-color, var(--color-foreground));
-    --toggle-outline-color: var(--toggle-group-color, var(--color-foreground));
-    flex: none;
-  }
-}

package/dist/components/tooltip/Tooltip.css

@@ -1,130 +0,0 @@
-@layer ui.components {
-  ._7levaW_trigger {
-    box-sizing: border-box;
-    min-height: var(--tooltip-trigger-height, var(--size-md));
-    padding: var(--tooltip-trigger-padding-y, var(--spacing-1))
-      var(--tooltip-trigger-padding-x, var(--spacing-3-5));
-    border: var(--tooltip-trigger-border-width, var(--border-width-sm)) solid
-      var(--tooltip-trigger-border-color, var(--color-border));
-    border-radius: var(--tooltip-trigger-radius, var(--radius-md));
-    background-color: var(--tooltip-trigger-bg, var(--color-background));
-    color: var(--tooltip-trigger-color, var(--color-foreground));
-    font: inherit;
-    font-size: var(--tooltip-trigger-font-size, var(--text-sm));
-    line-height: var(--tooltip-trigger-line-height, var(--line-height-text-sm));
-    user-select: none;
-    cursor: pointer;
-    transition: background-color var(--tooltip-transition, var(--duration-fast)) var(--ease-in-out),
-      border-color var(--tooltip-transition, var(--duration-fast)) var(--ease-in-out),
-      color var(--tooltip-transition, var(--duration-fast)) var(--ease-in-out);
-    outline: 0;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    display: inline-flex;
-
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--tooltip-trigger-bg-hover, var(--color-accent));
-      }
-    }
-
-    &:active, &[data-state="open"] {
-      background-color: var(--tooltip-trigger-bg-active, var(--tooltip-trigger-bg-hover, var(--color-accent)));
-    }
-
-    &:focus-visible {
-      outline: var(--tooltip-focus-ring-width, var(--focus-ring-inset-width, var(--border-width-sm)))
-        solid var(--tooltip-focus-ring-color, var(--color-ring));
-      outline-offset: var(--tooltip-focus-ring-offset, var(--focus-ring-inset-offset));
-    }
-
-    &[data-disabled], &[disabled] {
-      pointer-events: none;
-      opacity: var(--tooltip-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  ._7levaW_positioner {
-    z-index: var(--z-index, var(--z-popup));
-    max-width: var(--available-width);
-    max-height: var(--available-height);
-  }
-
-  ._7levaW_content {
-    --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
-    --arrow-size: var(--tooltip-arrow-size, var(--spacing-2-5));
-    box-sizing: border-box;
-    z-index: var(--tooltip-z-index, var(--z-popup));
-    max-width: min(var(--tooltip-max-width, 20rem), var(--available-width));
-    max-height: min(var(--tooltip-max-height, 24rem), var(--available-height, 100dvh));
-    padding: var(--tooltip-padding-y, var(--spacing-1)) var(--tooltip-padding-x, var(--spacing-2));
-    border: var(--tooltip-border-width, var(--border-width-sm)) solid
-      var(--tooltip-border-color, var(--color-border));
-    border-radius: var(--tooltip-radius, var(--radius-md));
-    background-color: var(--tooltip-bg, var(--color-popover));
-    color: var(--tooltip-color, var(--color-popover-foreground));
-    box-shadow: var(--tooltip-shadow, var(--shadow-lg));
-    font-size: var(--tooltip-font-size, var(--text-sm));
-    line-height: var(--tooltip-line-height, var(--line-height-text-sm));
-    text-align: center;
-    transform-origin: var(--transform-origin);
-    position: relative;
-
-    &[data-state="open"] {
-      animation: _7levaW_tooltip-content-in
-        var(--tooltip-transition, var(--popup-motion-duration, var(--duration-fast)))
-        var(--popup-motion-easing, ease-out);
-    }
-
-    &[data-state="closed"] {
-      animation: _7levaW_tooltip-content-out
-        var(--tooltip-transition, var(--popup-motion-duration, var(--duration-fast)))
-        var(--popup-motion-easing, ease-in);
-    }
-
-    &[data-instant] {
-      animation-duration: 0s;
-    }
-  }
-
-  ._7levaW_arrow {
-    --arrow-background: var(--tooltip-arrow-background, var(--tooltip-bg, var(--color-popover)));
-    --arrow-size: var(--tooltip-arrow-size, var(--spacing-2-5));
-  }
-
-  ._7levaW_arrowTip {
-    border-top: var(--tooltip-border-width, var(--border-width-sm)) solid
-      var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
-    border-left: var(--tooltip-border-width, var(--border-width-sm)) solid
-      var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
-  }
-
-  @keyframes _7levaW_tooltip-content-in {
-    from {
-      opacity: var(--tooltip-popup-starting-opacity, var(--popup-motion-starting-opacity, 0));
-      translate: var(--tooltip-popup-starting-translate-x, var(--popup-motion-starting-translate-x, 0))
-        var(--tooltip-popup-starting-translate-y, var(--popup-motion-starting-translate-y, 0));
-      transform: scale(var(--tooltip-popup-starting-scale, var(--popup-motion-starting-scale, var(--scale-popup))));
-    }
-
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  @keyframes _7levaW_tooltip-content-out {
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: var(--tooltip-popup-ending-opacity, var(--popup-motion-ending-opacity, 0));
-      translate: var(--tooltip-popup-ending-translate-x, var(--popup-motion-ending-translate-x, 0))
-        var(--tooltip-popup-ending-translate-y, var(--popup-motion-ending-translate-y, 0));
-      transform: scale(var(--tooltip-popup-ending-scale, var(--popup-motion-ending-scale, var(--scale-popup))));
-    }
-  }
-}