@moduix/react 2.2.0 → 2.2.5

package/dist/components/scroll-area/ScrollArea.css

@@ -1,167 +0,0 @@
-@layer moduix.components {
-  .xqtLha_root {
-    box-sizing: border-box;
-    width: var(--moduix-scroll-area-width, 100%);
-    height: var(--moduix-scroll-area-height, 100%);
-    min-width: 0;
-    min-height: 0;
-    color: var(--moduix-scroll-area-color, var(--moduix-color-foreground));
-    position: relative;
-  }
-
-  .xqtLha_viewport {
-    box-sizing: border-box;
-    border-radius: var(--moduix-scroll-area-radius, var(--moduix-radius-md));
-    background-color: var(--moduix-scroll-area-bg, transparent);
-    overscroll-behavior: contain;
-    scrollbar-width: none;
-    --_scroll-area-block-fade-mask: linear-gradient(to bottom,
-      transparent 0,
-      black
-        min(var(--moduix-scroll-area-fade-start-size, var(--moduix-scroll-area-fade-size, var(--moduix-spacing-10))),
-          var(--scroll-area-overflow-y-start, 0px)),
-      black
-        calc(100% -
-            min(var(--moduix-scroll-area-fade-end-size, var(--moduix-scroll-area-fade-size, var(--moduix-spacing-10))),
-              var(--scroll-area-overflow-y-end, 0px))),
-      transparent 100%);
-    outline: 0;
-    width: 100%;
-    min-width: 0;
-    height: 100%;
-    min-height: 0;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    .xqtLha_root[data-fade] & {
-      mask-image: var(--_scroll-area-block-fade-mask);
-      mask-repeat: no-repeat;
-    }
-
-    &:focus-visible {
-      outline: var(--moduix-scroll-area-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
-        solid var(--moduix-scroll-area-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-scroll-area-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
-    }
-  }
-
-  .xqtLha_content {
-    box-sizing: border-box;
-    padding: var(--moduix-scroll-area-content-padding, 0);
-    display: block;
-  }
-
-  .xqtLha_scrollbar {
-    --_scroll-area-scrollbar-margin: var(--moduix-scroll-area-scrollbar-margin, var(--moduix-spacing-1));
-    --_scroll-area-scrollbar-hit-area-size: var(--moduix-scroll-area-scrollbar-hit-area-size, var(--moduix-spacing-5));
-    box-sizing: border-box;
-    padding: var(--moduix-scroll-area-scrollbar-padding, 0);
-    border-radius: var(--moduix-scroll-area-scrollbar-radius, var(--moduix-radius-md));
-    background-color: var(--moduix-scroll-area-scrollbar-bg, transparent);
-    opacity: var(--moduix-scroll-area-scrollbar-hidden-opacity, 0);
-    pointer-events: none;
-    user-select: none;
-    touch-action: none;
-    transition: opacity var(--moduix-scroll-area-transition, var(--moduix-transition-default)),
-      width var(--moduix-scroll-area-thumb-hover-transition, var(--moduix-transition-fast)),
-      height var(--moduix-scroll-area-thumb-hover-transition, var(--moduix-transition-fast));
-    justify-content: center;
-    display: flex;
-    position: absolute;
-
-    &:before {
-      content: "";
-      position: absolute;
-    }
-
-    &[data-orientation="vertical"] {
-      top: 0;
-      inset-inline-end: 0;
-      bottom: var(--corner-height, 0px);
-      width: var(--moduix-scroll-area-scrollbar-size, var(--moduix-spacing-1));
-      margin-block: var(--_scroll-area-scrollbar-margin);
-      margin-inline-end: var(--_scroll-area-scrollbar-margin);
-
-      &:before {
-        width: var(--_scroll-area-scrollbar-hit-area-size);
-        height: 100%;
-        left: 50%;
-        transform: translateX(-50%);
-      }
-
-      &:not([data-overflow-y]) {
-        display: none;
-      }
-
-      &:hover, &[data-dragging] {
-        width: calc(var(--moduix-scroll-area-scrollbar-size, var(--moduix-spacing-1)) +
-            var(--moduix-scroll-area-thumb-hover-increase, 2px));
-      }
-    }
-
-    &[data-orientation="horizontal"] {
-      inset-inline-start: 0;
-      inset-inline-end: var(--corner-width, 0px);
-      height: var(--moduix-scroll-area-scrollbar-size, var(--moduix-spacing-1));
-      margin-inline: var(--_scroll-area-scrollbar-margin);
-      flex-direction: column;
-      margin-block-end: var(--_scroll-area-scrollbar-margin);
-      bottom: 0;
-
-      &:before {
-        width: 100%;
-        height: var(--_scroll-area-scrollbar-hit-area-size);
-        bottom: 50%;
-        left: 0;
-        right: 0;
-        transform: translateY(50%);
-      }
-
-      &:not([data-overflow-x]) {
-        display: none;
-      }
-
-      &:hover, &[data-dragging] {
-        height: calc(var(--moduix-scroll-area-scrollbar-size, var(--moduix-spacing-1)) +
-            var(--moduix-scroll-area-thumb-hover-increase, 2px));
-      }
-    }
-
-    &[data-hover], &[data-scrolling] {
-      opacity: var(--moduix-scroll-area-scrollbar-visible-opacity, 1);
-      pointer-events: auto;
-    }
-
-    &[data-scrolling] {
-      transition-duration: 0s;
-    }
-
-    .xqtLha_root[data-variant="always"] & {
-      opacity: var(--moduix-scroll-area-scrollbar-visible-opacity, 1);
-      pointer-events: auto;
-    }
-  }
-
-  .xqtLha_thumb {
-    box-sizing: border-box;
-    border-radius: var(--moduix-scroll-area-thumb-radius, var(--moduix-radius-full));
-    background-color: var(--moduix-scroll-area-thumb-bg, var(--moduix-color-border));
-
-    &[data-orientation="vertical"] {
-      width: 100%;
-      min-height: var(--moduix-scroll-area-thumb-min-size, var(--moduix-size-xs));
-    }
-
-    &[data-orientation="horizontal"] {
-      height: 100%;
-      min-width: var(--moduix-scroll-area-thumb-min-size, var(--moduix-size-xs));
-    }
-  }
-
-  .xqtLha_corner {
-    box-sizing: border-box;
-    background-color: var(--moduix-scroll-area-corner-bg, var(--moduix-scroll-area-scrollbar-bg, transparent));
-  }
-}

package/dist/components/separator/Separator.css

@@ -1,45 +0,0 @@
-@layer moduix.components {
-  .Jd5mwa_root {
-    border: 0;
-    border-color: var(--moduix-separator-color, var(--moduix-color-border));
-    border-style: var(--moduix-separator-border-style, var(--moduix-separator-variant-border-style, solid));
-    flex-shrink: 0;
-    display: block;
-
-    &[data-size="xs"] {
-      --moduix-separator-size-thickness: var(--moduix-separator-thickness-xs, .5px);
-    }
-
-    &[data-size="sm"] {
-      --moduix-separator-size-thickness: var(--moduix-separator-thickness-sm, var(--moduix-border-width-sm));
-    }
-
-    &[data-size="md"] {
-      --moduix-separator-size-thickness: var(--moduix-separator-thickness-md, var(--moduix-border-width-md));
-    }
-
-    &[data-size="lg"] {
-      --moduix-separator-size-thickness: var(--moduix-separator-thickness-lg, 3px);
-    }
-
-    &[data-variant="dashed"] {
-      --moduix-separator-variant-border-style: dashed;
-    }
-
-    &[data-variant="dotted"] {
-      --moduix-separator-variant-border-style: dotted;
-    }
-
-    &[data-orientation="horizontal"] {
-      width: var(--moduix-separator-length-horizontal, 100%);
-      border-block-start-width: var(--moduix-separator-thickness, var(--moduix-separator-size-thickness, var(--moduix-border-width-sm)));
-      height: 0;
-    }
-
-    &[data-orientation="vertical"] {
-      width: 0;
-      height: var(--moduix-separator-length-vertical, 1em);
-      border-inline-start-width: var(--moduix-separator-thickness, var(--moduix-separator-size-thickness, var(--moduix-border-width-sm)));
-    }
-  }
-}

package/dist/components/skeleton/Skeleton.css

@@ -1,31 +0,0 @@
-@layer moduix.components {
-  .ahClzq_root {
-    border-radius: var(--moduix-skeleton-border-radius, var(--moduix-radius-md));
-    width: 100%;
-    display: block;
-    overflow: hidden;
-
-    &[data-state="loading"] {
-      height: var(--moduix-skeleton-height, var(--moduix-spacing-4));
-      animation: var(--moduix-skeleton-animation, var(--moduix-animation-pulse));
-      background: var(--moduix-skeleton-bg, color-mix(in oklab,
-          var(--moduix-color-muted-foreground) 18%,
-          var(--moduix-color-background)));
-      color: #0000;
-      pointer-events: none;
-      user-select: none;
-
-      & > * {
-        visibility: hidden;
-      }
-
-      &[data-variant="none"] {
-        animation: none;
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        animation: none;
-      }
-    }
-  }
-}

package/dist/components/slider/Slider.css

@@ -1,171 +0,0 @@
-@layer moduix.components {
-  .NN9-IW_root {
-    box-sizing: border-box;
-    gap: var(--moduix-slider-gap, var(--moduix-spacing-2));
-    width: var(--moduix-slider-width, 12rem);
-    color: var(--moduix-slider-color, var(--moduix-color-foreground));
-    flex-direction: column;
-    display: flex;
-
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-width-vertical, max-content);
-      height: var(--moduix-slider-height, 12rem);
-      align-items: center;
-    }
-
-    &[data-disabled] {
-      opacity: var(--moduix-slider-disabled-opacity, var(--moduix-opacity-disabled));
-    }
-  }
-
-  .NN9-IW_label {
-    color: var(--moduix-slider-label-color, var(--moduix-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-slider-label-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-slider-label-font-weight, var(--moduix-weight-regular));
-    line-height: var(--moduix-slider-label-line-height, var(--moduix-line-height-text-sm));
-    user-select: none;
-  }
-
-  .NN9-IW_valueText {
-    color: var(--moduix-slider-value-text-color, var(--moduix-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-slider-value-text-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-slider-value-text-font-weight, var(--moduix-weight-regular));
-    line-height: var(--moduix-slider-value-text-line-height, var(--moduix-line-height-text-sm));
-    text-align: right;
-  }
-
-  .NN9-IW_control {
-    box-sizing: border-box;
-    width: 100%;
-    min-height: var(--moduix-slider-control-size, var(--moduix-spacing-5));
-    touch-action: none;
-    user-select: none;
-    cursor: pointer;
-    align-items: center;
-    display: flex;
-    position: relative;
-
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-control-size, var(--moduix-spacing-5));
-      flex-direction: column;
-      height: 100%;
-      min-height: 0;
-    }
-
-    &[data-disabled] {
-      cursor: default;
-    }
-  }
-
-  .NN9-IW_track {
-    width: 100%;
-    height: var(--moduix-slider-track-size, var(--moduix-spacing-1-5));
-    border-radius: var(--moduix-slider-track-radius, var(--moduix-radius-full));
-    background-color: var(--moduix-slider-track-bg, var(--moduix-color-muted));
-    box-shadow: inset 0 0 0 var(--moduix-slider-track-border-width, var(--moduix-border-width-sm))
-      var(--moduix-slider-track-border-color, var(--moduix-color-border));
-    user-select: none;
-    flex: 1;
-    overflow: hidden;
-
-    &[data-orientation="vertical"] {
-      width: var(--moduix-slider-track-size, var(--moduix-spacing-1-5));
-      height: 100%;
-    }
-  }
-
-  .NN9-IW_range {
-    border-radius: var(--moduix-slider-range-radius, inherit);
-    background-color: var(--moduix-slider-range-bg, var(--moduix-color-primary));
-    height: 100%;
-
-    &[data-orientation="vertical"] {
-      width: 100%;
-    }
-  }
-
-  .NN9-IW_thumb {
-    box-sizing: border-box;
-    width: var(--moduix-slider-thumb-size, var(--moduix-spacing-4));
-    height: var(--moduix-slider-thumb-size, var(--moduix-spacing-4));
-    border: var(--moduix-slider-thumb-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-slider-thumb-border-color, var(--moduix-color-border));
-    border-radius: var(--moduix-slider-thumb-radius, var(--moduix-radius-full));
-    background-color: var(--moduix-slider-thumb-bg, var(--moduix-color-background));
-    box-shadow: var(--moduix-slider-thumb-shadow, var(--moduix-shadow-sm));
-    user-select: none;
-    transition: border-color var(--moduix-slider-transition, var(--moduix-transition-default)),
-      background-color var(--moduix-slider-transition, var(--moduix-transition-default)),
-      box-shadow var(--moduix-slider-transition, var(--moduix-transition-default));
-    outline: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-
-    &[data-dragging] {
-      border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
-          var(--moduix-slider-focus-ring-color, var(--moduix-color-ring)),
-        var(--moduix-slider-thumb-shadow-dragging, var(--moduix-shadow-md));
-    }
-
-    &:focus-visible {
-      border-color: var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))
-        var(--moduix-slider-focus-ring-color, var(--moduix-color-ring));
-    }
-
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-
-  .NN9-IW_draggingIndicator {
-    top: calc(-1 * var(--moduix-spacing-8));
-    padding: var(--moduix-spacing-1) var(--moduix-spacing-2);
-    border-radius: var(--moduix-slider-dragging-indicator-radius, var(--moduix-radius-sm));
-    background-color: var(--moduix-slider-dragging-indicator-bg, var(--moduix-color-foreground));
-    color: var(--moduix-slider-dragging-indicator-color, var(--moduix-color-background));
-    font-size: var(--moduix-slider-dragging-indicator-font-size, var(--moduix-text-xs));
-    font-weight: var(--moduix-slider-dragging-indicator-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-slider-dragging-indicator-line-height, 1);
-    white-space: nowrap;
-    pointer-events: none;
-  }
-
-  .NN9-IW_markerGroup {
-    margin-top: var(--moduix-slider-marker-group-margin-top, var(--moduix-spacing-2));
-    justify-content: space-between;
-    display: flex;
-
-    &[data-orientation="vertical"] {
-      height: 100%;
-      margin-top: 0;
-      flex-direction: column;
-      margin-inline-start: var(--moduix-slider-marker-group-margin-inline-start, var(--moduix-spacing-2));
-    }
-  }
-
-  .NN9-IW_marker {
-    color: var(--moduix-slider-marker-color, var(--moduix-color-muted-foreground));
-    font-size: var(--moduix-slider-marker-font-size, var(--moduix-text-xs));
-    line-height: var(--moduix-slider-marker-line-height, var(--moduix-line-height-text-xs));
-    position: relative;
-
-    &:before {
-      width: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
-      height: var(--moduix-slider-marker-dot-size, var(--moduix-spacing-1));
-      border-radius: var(--moduix-radius-full);
-      background-color: var(--moduix-slider-marker-dot-bg, var(--moduix-color-border));
-      content: "";
-      position: absolute;
-      inset-block-start: calc(-1 * var(--moduix-spacing-2));
-      inset-inline-start: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:is([data-state="under-value"], [data-state="at-value"]):before {
-      background-color: var(--moduix-slider-marker-dot-bg-active, var(--moduix-slider-range-bg, var(--moduix-color-primary)));
-    }
-  }
-}

package/dist/components/swap/Swap.css

@@ -1,45 +0,0 @@
-@layer moduix.components {
-  .jqWswG_root {
-    vertical-align: middle;
-    grid-template-areas: "jqWswG_swap";
-    place-items: center;
-    display: inline-grid;
-  }
-
-  .jqWswG_indicator {
-    color: inherit;
-    grid-area: jqWswG_swap;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-
-    &[data-state="open"] {
-      animation: jqWswG_swap-enter var(--moduix-swap-transition, var(--moduix-transition-default));
-    }
-
-    &[data-state="closed"] {
-      animation: jqWswG_swap-exit var(--moduix-swap-transition, var(--moduix-transition-default));
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .jqWswG_indicator[data-state] {
-      animation-duration: 1ms;
-      animation-delay: 0s;
-    }
-  }
-
-  @keyframes jqWswG_swap-enter {
-    from {
-      opacity: var(--moduix-swap-enter-starting-opacity, 0);
-      transform: scale(var(--moduix-swap-enter-starting-scale, .92));
-    }
-  }
-
-  @keyframes jqWswG_swap-exit {
-    to {
-      opacity: var(--moduix-swap-exit-ending-opacity, 0);
-      transform: scale(var(--moduix-swap-exit-ending-scale, .92));
-    }
-  }
-}

package/dist/components/switch/Switch.css

@@ -1,132 +0,0 @@
-@layer moduix.components {
-  .PUgkqa_root {
-    align-items: center;
-    gap: var(--moduix-switch-gap, var(--moduix-spacing-2));
-    vertical-align: middle;
-    cursor: pointer;
-    width: fit-content;
-    display: inline-flex;
-
-    &[data-disabled], &[data-readonly] {
-      cursor: default;
-    }
-
-    &[data-disabled] {
-      opacity: var(--moduix-switch-disabled-opacity, var(--moduix-opacity-disabled));
-    }
-  }
-
-  .PUgkqa_control {
-    box-sizing: border-box;
-    width: var(--moduix-switch-width, 3rem);
-    height: var(--moduix-switch-height, var(--moduix-size-xs));
-    --moduix-switch-thumb-translate-default: calc(var(--moduix-switch-width, 3rem) - var(--moduix-switch-thumb-size, var(--moduix-spacing-5)) -
-        (var(--moduix-switch-padding, var(--moduix-spacing-0-5)) * 2) -
-        (var(--moduix-switch-border-width, var(--moduix-border-width-sm)) * 2));
-    border: var(--moduix-switch-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-switch-border-color, var(--moduix-color-border));
-    border-radius: var(--moduix-switch-radius, var(--moduix-radius-full));
-    padding: var(--moduix-switch-padding, var(--moduix-spacing-0-5));
-    background-color: var(--moduix-switch-bg, var(--moduix-color-muted));
-    user-select: none;
-    transition: background-color var(--moduix-switch-transition, var(--moduix-transition-default)),
-      border-color var(--moduix-switch-transition, var(--moduix-transition-default)),
-      opacity var(--moduix-switch-transition, var(--moduix-transition-default));
-    outline: 0;
-    flex-shrink: 0;
-    align-items: center;
-    line-height: 0;
-    display: inline-flex;
-    position: relative;
-
-    &[data-state="checked"] {
-      border-color: var(--moduix-switch-border-color-checked, var(--moduix-color-primary));
-      background-color: var(--moduix-switch-bg-checked, var(--moduix-color-primary));
-    }
-
-    &[data-focus-visible] {
-      outline: var(--moduix-switch-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
-        solid var(--moduix-switch-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-switch-focus-ring-offset, var(--moduix-border-width-sm));
-    }
-
-    @media (hover: hover) {
-      &[data-state="unchecked"][data-hover]:not([data-readonly], [data-disabled]) {
-        background-color: var(--moduix-switch-bg-hover, var(--moduix-color-accent));
-      }
-
-      &[data-state="checked"][data-hover]:not([data-readonly], [data-disabled]) {
-        background-color: var(--moduix-switch-bg-checked-hover, var(--moduix-switch-bg-checked, var(--moduix-color-primary)));
-      }
-    }
-  }
-
-  .PUgkqa_root[data-size="xs"] .PUgkqa_control {
-    --moduix-switch-width: var(--moduix-switch-width-xs, 1.75rem);
-    --moduix-switch-height: var(--moduix-switch-height-xs, 1rem);
-    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-xs, var(--moduix-spacing-3));
-  }
-
-  .PUgkqa_root[data-size="sm"] .PUgkqa_control {
-    --moduix-switch-width: var(--moduix-switch-width-sm, 2.25rem);
-    --moduix-switch-height: var(--moduix-switch-height-sm, 1.25rem);
-    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-sm, var(--moduix-spacing-4));
-  }
-
-  .PUgkqa_root[data-size="md"] .PUgkqa_control {
-    --moduix-switch-width: var(--moduix-switch-width-md, 2.75rem);
-    --moduix-switch-height: var(--moduix-switch-height-md, var(--moduix-size-xs));
-    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-md, var(--moduix-spacing-5));
-  }
-
-  .PUgkqa_root[data-size="lg"] .PUgkqa_control {
-    --moduix-switch-width: var(--moduix-switch-width-lg, 3.25rem);
-    --moduix-switch-height: var(--moduix-switch-height-lg, 1.75rem);
-    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-lg, var(--moduix-size-xs));
-  }
-
-  .PUgkqa_root[data-size="xl"] .PUgkqa_control {
-    --moduix-switch-width: var(--moduix-switch-width-xl, 3.75rem);
-    --moduix-switch-height: var(--moduix-switch-height-xl, var(--moduix-size-sm));
-    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-xl, var(--moduix-spacing-7));
-  }
-
-  .PUgkqa_thumb {
-    width: var(--moduix-switch-thumb-size, var(--moduix-spacing-5));
-    height: var(--moduix-switch-thumb-size, var(--moduix-spacing-5));
-    border: var(--moduix-switch-thumb-border-width, 0) solid
-      var(--moduix-switch-thumb-border-color, transparent);
-    border-radius: var(--moduix-switch-thumb-radius, var(--moduix-radius-full));
-    background-color: var(--moduix-switch-thumb-bg-unchecked, var(--moduix-switch-thumb-bg, var(--moduix-color-background)));
-    color: var(--moduix-switch-thumb-color-unchecked, var(--moduix-switch-thumb-color, var(--moduix-color-muted)));
-    box-shadow: var(--moduix-switch-thumb-shadow, var(--moduix-shadow-sm));
-    transition: transform
-        var(--moduix-switch-thumb-transition, var(--moduix-switch-transition, var(--moduix-transition-default))),
-      background-color var(--moduix-switch-transition, var(--moduix-transition-default)),
-      color var(--moduix-switch-transition, var(--moduix-transition-default));
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-    transform: translateX(0);
-
-    &[data-state="checked"] {
-      background-color: var(--moduix-switch-thumb-bg-checked, var(--moduix-switch-thumb-bg, var(--moduix-color-primary-foreground)));
-      color: var(--moduix-switch-thumb-color-checked, var(--moduix-switch-thumb-color, var(--moduix-color-primary)));
-      transform: translateX(var(--moduix-switch-thumb-translate, var(--moduix-switch-thumb-translate-default)));
-    }
-
-    & > svg {
-      width: var(--moduix-switch-thumb-icon-size, 65%);
-      height: var(--moduix-switch-thumb-icon-size, 65%);
-      flex-shrink: 0;
-    }
-  }
-
-  .PUgkqa_label {
-    color: var(--moduix-switch-label-color, var(--moduix-color-foreground));
-    font-size: var(--moduix-switch-label-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-switch-label-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-switch-label-line-height, var(--moduix-line-height-text-sm));
-    user-select: none;
-  }
-}

package/dist/components/tag/Tag.css

@@ -1,98 +0,0 @@
-@layer moduix.components {
-  .mVOnGG_root {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--moduix-tag-gap, var(--moduix-spacing-1-5));
-    border: var(--moduix-tag-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-tag-border-color, transparent);
-    border-radius: var(--moduix-tag-radius, var(--moduix-radius-full));
-    background-color: var(--moduix-tag-bg, var(--moduix-color-primary));
-    width: fit-content;
-    min-width: 0;
-    max-width: 100%;
-    color: var(--moduix-tag-color, var(--moduix-color-primary-foreground));
-    font-size: var(--moduix-tag-font-size, var(--moduix-text-xs));
-    font-weight: var(--moduix-tag-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-tag-line-height, var(--moduix-line-height-text-xs));
-    min-height: var(--moduix-tag-height-md, var(--moduix-size-xs));
-    padding-block: var(--moduix-tag-padding-y-md, var(--moduix-spacing-0-5));
-    padding-inline: var(--moduix-tag-padding-x-md, var(--moduix-spacing-2));
-    white-space: nowrap;
-    vertical-align: middle;
-    transition: color var(--moduix-tag-transition, var(--moduix-transition-default)),
-      background-color var(--moduix-tag-transition, var(--moduix-transition-default)),
-      border-color var(--moduix-tag-transition, var(--moduix-transition-default));
-    display: inline-flex;
-
-    & > svg {
-      width: var(--moduix-tag-icon-size, var(--moduix-spacing-3));
-      height: var(--moduix-tag-icon-size, var(--moduix-spacing-3));
-      pointer-events: none;
-      flex-shrink: 0;
-    }
-
-    &[data-size="sm"] {
-      gap: var(--moduix-tag-gap-sm, var(--moduix-spacing-1));
-      min-height: var(--moduix-tag-height-sm, 1.25rem);
-      padding-block: var(--moduix-tag-padding-y-sm, 0);
-      padding-inline: var(--moduix-tag-padding-x-sm, var(--moduix-spacing-1-5));
-    }
-
-    &[data-variant="secondary"] {
-      background-color: var(--moduix-tag-bg, var(--moduix-color-secondary));
-      border-color: var(--moduix-tag-border-color, transparent);
-      color: var(--moduix-tag-color, var(--moduix-color-secondary-foreground));
-    }
-
-    &[data-variant="outline"], &[data-variant="ghost"] {
-      background-color: var(--moduix-tag-bg, transparent);
-      color: var(--moduix-tag-color, var(--moduix-color-foreground));
-    }
-
-    &[data-variant="outline"] {
-      border-color: var(--moduix-tag-border-color, var(--moduix-color-border));
-    }
-
-    &[data-variant="destructive"] {
-      background-color: var(--moduix-tag-bg, var(--moduix-color-destructive));
-      border-color: var(--moduix-tag-border-color, transparent);
-      color: var(--moduix-tag-color, var(--moduix-color-destructive-foreground));
-    }
-  }
-
-  .mVOnGG_label {
-    text-overflow: ellipsis;
-    min-width: 0;
-    overflow: hidden;
-  }
-
-  .mVOnGG_startElement, .mVOnGG_endElement {
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    min-width: 0;
-    display: inline-flex;
-
-    & > svg {
-      width: var(--moduix-tag-icon-size, var(--moduix-spacing-3));
-      height: var(--moduix-tag-icon-size, var(--moduix-spacing-3));
-      pointer-events: none;
-      flex-shrink: 0;
-    }
-  }
-
-  .mVOnGG_closeTrigger {
-    --moduix-close-button-size: var(--moduix-tag-close-trigger-size, var(--moduix-spacing-4));
-    --moduix-close-button-radius: var(--moduix-tag-close-trigger-radius, var(--moduix-radius-full));
-    --moduix-close-button-icon-size: var(--moduix-tag-close-trigger-icon-size, var(--moduix-spacing-2-5));
-    --moduix-close-button-bg: var(--moduix-tag-close-trigger-bg, transparent);
-    --moduix-close-button-bg-hover: var(--moduix-tag-close-trigger-bg-hover, color-mix(in oklab, currentColor 12%, transparent));
-    --moduix-close-button-color: inherit;
-    --moduix-close-button-color-hover: inherit;
-    --moduix-close-button-disabled-opacity: var(--moduix-tag-disabled-opacity, var(--moduix-opacity-disabled));
-    --moduix-close-button-focus-ring-width: var(--moduix-tag-close-trigger-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)));
-    --moduix-close-button-focus-ring-color: var(--moduix-tag-close-trigger-focus-ring-color, var(--moduix-color-ring));
-    --moduix-close-button-focus-ring-offset: var(--moduix-tag-close-trigger-focus-ring-offset, 0);
-    --moduix-close-button-transition: var(--moduix-tag-transition, var(--moduix-transition-default));
-  }
-}