@moduix/react 2.2.0 → 2.2.5

package/dist/components/angle-slider/AngleSlider.css

@@ -1,193 +0,0 @@
-@layer moduix.components {
-  .vn7zXa_root {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--moduix-angle-slider-gap, var(--moduix-spacing-3));
-    min-width: 0;
-    color: var(--moduix-angle-slider-color, var(--moduix-color-foreground));
-    flex-direction: column;
-    display: inline-flex;
-
-    &[data-disabled] {
-      opacity: var(--moduix-angle-slider-disabled-opacity, var(--moduix-opacity-disabled));
-    }
-  }
-
-  .vn7zXa_label {
-    color: var(--moduix-angle-slider-label-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-angle-slider-label-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-angle-slider-label-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-angle-slider-label-line-height, var(--moduix-line-height-text-sm));
-    text-align: center;
-  }
-
-  .vn7zXa_control {
-    --_angle-slider-control-border-color: var(--moduix-angle-slider-control-border-color, var(--moduix-color-border));
-    --_angle-slider-track-border-color: var(--moduix-angle-slider-track-border-color, var(--moduix-color-border));
-    box-sizing: border-box;
-    width: var(--moduix-angle-slider-size, 8rem);
-    aspect-ratio: 1;
-    border-radius: var(--moduix-angle-slider-radius, var(--moduix-radius-full));
-    background: var(--moduix-angle-slider-track-bg, var(--moduix-color-muted));
-    min-width: 0;
-    box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
-        var(--_angle-slider-track-border-color),
-      var(--moduix-angle-slider-shadow, none);
-    cursor: pointer;
-    user-select: none;
-    outline: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    position: relative;
-
-    &:after {
-      z-index: 1;
-      inset: var(--moduix-angle-slider-ring-thickness, .875rem);
-      border-radius: inherit;
-      background: var(--moduix-angle-slider-control-bg, var(--moduix-color-background));
-      box-shadow: inset 0 0 0
-        var(--moduix-angle-slider-control-border-width, var(--moduix-border-width-sm))
-        var(--_angle-slider-control-border-color);
-      content: "";
-      position: absolute;
-    }
-
-    &:before {
-      z-index: 1;
-      width: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
-      height: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
-      border-radius: inherit;
-      background: var(--moduix-angle-slider-center-dot-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-      content: "";
-      position: absolute;
-    }
-
-    &:has(.vn7zXa_thumb:focus-visible) {
-      box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
-          var(--_angle-slider-track-border-color),
-        0 0 0 var(--moduix-angle-slider-focus-ring-width, .1875rem)
-          var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring)),
-        var(--moduix-angle-slider-shadow, none);
-    }
-
-    &[data-invalid] {
-      --_angle-slider-control-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-      --_angle-slider-track-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-    }
-
-    &:is([data-disabled], [data-readonly]) {
-      cursor: default;
-    }
-  }
-
-  .vn7zXa_thumb {
-    top: 0;
-    bottom: 0;
-    left: calc(50% - var(--moduix-angle-slider-thumb-line-width, .1875rem) / 2);
-    z-index: 2;
-    width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
-    outline: 0;
-    position: absolute;
-
-    &:before {
-      top: var(--moduix-angle-slider-ring-thickness, .875rem);
-      box-sizing: border-box;
-      width: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
-      height: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
-      border: var(--moduix-angle-slider-thumb-border-width, var(--moduix-border-width-sm)) solid
-        var(--moduix-angle-slider-thumb-border-color, var(--moduix-color-border));
-      border-radius: var(--moduix-angle-slider-thumb-radius, var(--moduix-radius-full));
-      background: var(--moduix-angle-slider-thumb-bg, var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)));
-      box-shadow: var(--moduix-angle-slider-thumb-shadow, var(--moduix-shadow-sm));
-      transition: border-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        box-shadow var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        background-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        transform var(--moduix-angle-slider-transition, var(--moduix-transition-default));
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:after {
-      top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) +
-          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) + var(--moduix-spacing-1));
-      width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
-      height: calc(50% - var(--moduix-angle-slider-ring-thickness, .875rem) -
-          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) - var(--moduix-spacing-1-5));
-      border-radius: var(--moduix-radius-full);
-      background: linear-gradient(to bottom,
-        var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)),
-        transparent);
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:focus-visible:before {
-      border-color: var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-border-width-sm)
-        var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
-    }
-
-    &:active:not([data-disabled], [data-readonly]):before {
-      transform: translateX(-50%) scale(1.08);
-    }
-
-    &[data-invalid]:before {
-      border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-    }
-
-    &[data-invalid]:after {
-      background: linear-gradient(to bottom,
-        var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive)),
-        transparent);
-    }
-
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-
-  .vn7zXa_markerGroup {
-    z-index: 1;
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-  }
-
-  .vn7zXa_marker {
-    position: absolute;
-    inset: 0;
-
-    &:before {
-      top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) + .125rem);
-      width: var(--moduix-angle-slider-marker-width, .125rem);
-      height: var(--moduix-angle-slider-marker-height, .625rem);
-      border-radius: var(--moduix-radius-full);
-      background: var(--moduix-angle-slider-marker-color, var(--moduix-color-muted-foreground));
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &[data-state="under-value"]:before {
-      background: var(--moduix-angle-slider-marker-active-color, var(--moduix-color-primary));
-    }
-
-    &[data-state="at-value"]:before {
-      background: var(--moduix-angle-slider-marker-current-color, var(--moduix-color-foreground));
-    }
-  }
-
-  .vn7zXa_valueText {
-    color: var(--moduix-angle-slider-value-text-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-angle-slider-value-text-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-angle-slider-value-text-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-angle-slider-value-text-line-height, var(--moduix-line-height-text-sm));
-    text-align: center;
-  }
-}

package/dist/components/aspect-ratio/AspectRatio.css

@@ -1,16 +0,0 @@
-@layer moduix.components {
-  .iOVgxW_root {
-    --aspect-ratio-value: 1;
-    width: 100%;
-    aspect-ratio: var(--aspect-ratio-value);
-    border-radius: var(--moduix-aspect-ratio-radius, var(--moduix-radius-md));
-    position: relative;
-    overflow: hidden;
-
-    & > :where(img, video, iframe, canvas, svg) {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-  }
-}

package/dist/components/badge/Badge.css

@@ -1,110 +0,0 @@
-@layer moduix.components {
-  .NXa69G_root {
-    justify-content: center;
-    align-items: center;
-    gap: var(--moduix-badge-gap, var(--moduix-spacing-1-5));
-    border: var(--moduix-badge-border-width, var(--moduix-border-width-sm)) solid
-      var(--moduix-badge-border-color, transparent);
-    border-radius: var(--moduix-badge-radius, var(--moduix-radius-full));
-    width: fit-content;
-    min-width: 0;
-    max-width: 100%;
-    padding-block: var(--moduix-badge-padding-y, 0);
-    padding-inline: var(--moduix-badge-padding-x, var(--moduix-spacing-2-5));
-    background-color: var(--moduix-badge-bg, var(--moduix-color-primary));
-    color: var(--moduix-badge-color, var(--moduix-color-primary-foreground));
-    font-size: var(--moduix-badge-font-size, var(--moduix-text-xs));
-    font-weight: var(--moduix-badge-font-weight, var(--moduix-weight-medium));
-    font-variant-numeric: tabular-nums;
-    line-height: var(--moduix-badge-line-height, var(--moduix-line-height-text-xs));
-    min-height: var(--moduix-badge-height, 1.25rem);
-    user-select: none;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    vertical-align: middle;
-    transition: color var(--moduix-transition-default),
-      background-color var(--moduix-transition-default),
-      border-color var(--moduix-transition-default);
-    text-decoration: none;
-    display: inline-flex;
-    overflow: hidden;
-
-    &:is(a, button, [role="button"]) {
-      cursor: pointer;
-
-      &:focus-visible {
-        outline: var(--moduix-badge-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
-          solid var(--moduix-badge-focus-ring-color, var(--moduix-color-ring));
-        outline-offset: var(--moduix-badge-focus-ring-offset, var(--moduix-focus-ring-offset));
-      }
-
-      &[data-variant="default"], &[data-variant="secondary"], &[data-variant="destructive"] {
-        &:hover {
-          opacity: .9;
-        }
-      }
-
-      &[data-variant="outline"], &[data-variant="ghost"] {
-        &:hover {
-          border-color: var(--moduix-badge-border-color, var(--moduix-color-primary));
-          color: var(--moduix-badge-color, var(--moduix-color-primary));
-        }
-      }
-
-      &[data-variant="link"] {
-        &:hover {
-          text-decoration-color: currentColor;
-        }
-      }
-    }
-
-    & > svg {
-      width: var(--moduix-badge-icon-size, var(--moduix-spacing-3));
-      height: var(--moduix-badge-icon-size, var(--moduix-spacing-3));
-      pointer-events: none;
-      flex-shrink: 0;
-    }
-
-    &[data-variant="secondary"] {
-      background-color: var(--moduix-badge-bg, var(--moduix-color-secondary));
-      color: var(--moduix-badge-color, var(--moduix-color-secondary-foreground));
-    }
-
-    &[data-variant="destructive"] {
-      background-color: var(--moduix-badge-bg, var(--moduix-color-destructive));
-      color: var(--moduix-badge-color, var(--moduix-color-destructive-foreground));
-    }
-
-    &[data-variant="outline"], &[data-variant="ghost"], &[data-variant="link"] {
-      background-color: var(--moduix-badge-bg, transparent);
-    }
-
-    &[data-variant="outline"], &[data-variant="ghost"] {
-      color: var(--moduix-badge-color, var(--moduix-color-foreground));
-    }
-
-    &[data-variant="outline"] {
-      border-color: var(--moduix-badge-border-color, var(--moduix-color-border));
-    }
-
-    &[data-variant="link"] {
-      min-height: auto;
-      color: var(--moduix-badge-color, var(--moduix-color-primary));
-      text-decoration: underline;
-      text-decoration-color: color-mix(in oklab, currentColor 55%, transparent);
-      text-underline-offset: var(--moduix-badge-link-underline-offset, .15em);
-      border-color: #0000;
-      padding-inline: 0;
-      text-decoration-thickness: from-font;
-      overflow: visible;
-    }
-  }
-
-  .NXa69G_dot {
-    width: var(--moduix-badge-dot-size, var(--moduix-spacing-1-5));
-    height: var(--moduix-badge-dot-size, var(--moduix-spacing-1-5));
-    background-color: currentColor;
-    border-radius: 50%;
-    flex-shrink: 0;
-  }
-}

package/dist/components/bleed/Bleed.css

@@ -1,51 +0,0 @@
-@layer moduix.components {
-  .m38JbW_root {
-    box-sizing: border-box;
-    margin: 0;
-
-    &[data-inline="xs"] {
-      margin-inline: calc(var(--moduix-bleed-inline-xs, var(--moduix-spacing-1)) * -1);
-    }
-
-    &[data-inline="sm"] {
-      margin-inline: calc(var(--moduix-bleed-inline-sm, var(--moduix-spacing-2)) * -1);
-    }
-
-    &[data-inline="md"] {
-      margin-inline: calc(var(--moduix-bleed-inline-md, var(--moduix-spacing-3)) * -1);
-    }
-
-    &[data-inline="lg"] {
-      margin-inline: calc(var(--moduix-bleed-inline-lg, var(--moduix-spacing-4)) * -1);
-    }
-
-    &[data-inline="xl"] {
-      margin-inline: calc(var(--moduix-bleed-inline-xl, var(--moduix-spacing-6)) * -1);
-    }
-
-    &[data-inline="full"] {
-      inline-size: var(--moduix-bleed-inline-full-size, 100vw);
-      margin-inline: var(--moduix-bleed-inline-full, calc(50% - 50vw));
-    }
-
-    &[data-block="xs"] {
-      margin-block: calc(var(--moduix-bleed-block-xs, var(--moduix-spacing-1)) * -1);
-    }
-
-    &[data-block="sm"] {
-      margin-block: calc(var(--moduix-bleed-block-sm, var(--moduix-spacing-2)) * -1);
-    }
-
-    &[data-block="md"] {
-      margin-block: calc(var(--moduix-bleed-block-md, var(--moduix-spacing-3)) * -1);
-    }
-
-    &[data-block="lg"] {
-      margin-block: calc(var(--moduix-bleed-block-lg, var(--moduix-spacing-4)) * -1);
-    }
-
-    &[data-block="xl"] {
-      margin-block: calc(var(--moduix-bleed-block-xl, var(--moduix-spacing-6)) * -1);
-    }
-  }
-}

package/dist/components/button/Button.css

@@ -1,216 +0,0 @@
-@layer moduix.components {
-  .NbN_ya_root {
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    gap: var(--moduix-button-content-gap, var(--moduix-spacing-2));
-    border: var(--moduix-button-border-width, var(--moduix-border-width-sm)) solid transparent;
-    border-radius: var(--moduix-button-radius, var(--moduix-radius-md));
-    color: var(--moduix-button-color, var(--moduix-color-foreground));
-    appearance: none;
-    font: inherit;
-    font-size: var(--moduix-button-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-button-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-button-line-height, var(--moduix-line-height-text-sm));
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-    transition: background-color var(--moduix-button-transition, var(--moduix-transition-default)),
-      border-color var(--moduix-button-transition, var(--moduix-transition-default)),
-      color var(--moduix-button-transition, var(--moduix-transition-default)),
-      opacity var(--moduix-button-transition, var(--moduix-transition-default)),
-      box-shadow var(--moduix-button-transition, var(--moduix-transition-default));
-    background-color: #0000;
-    margin: 0;
-    text-decoration: none;
-    display: inline-flex;
-
-    &:focus-visible {
-      outline: var(--moduix-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
-        solid var(--moduix-button-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-button-focus-ring-offset, var(--moduix-button-border-width, var(--moduix-border-width-sm))) *
-          -1);
-    }
-
-    &:active:not([data-disabled]) {
-      opacity: .9;
-    }
-
-    &[data-disabled] {
-      opacity: var(--moduix-button-disabled-opacity, var(--moduix-opacity-disabled));
-      cursor: default;
-      pointer-events: none;
-    }
-
-    &[data-loading] {
-      cursor: progress;
-    }
-
-    & :where(svg) {
-      width: var(--moduix-button-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-button-icon-size, var(--moduix-spacing-4));
-      flex-shrink: 0;
-    }
-
-    & [data-icon="inline-start"], & [data-icon="inline-end"] {
-      flex-shrink: 0;
-      justify-content: center;
-      align-items: center;
-      display: inline-flex;
-    }
-
-    &[data-variant="default"] {
-      border-color: var(--moduix-button-default-border-color, var(--moduix-color-primary));
-      background-color: var(--moduix-button-default-bg, var(--moduix-color-primary));
-      color: var(--moduix-button-default-color, var(--moduix-color-primary-foreground));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          background-color: var(--moduix-button-default-bg-hover, color-mix(in srgb,
-              var(--moduix-button-default-bg, var(--moduix-color-primary)) 88%,
-              black));
-        }
-      }
-    }
-
-    &[data-variant="outline"] {
-      border-color: var(--moduix-button-outline-border-color, var(--moduix-color-border));
-      background-color: var(--moduix-button-outline-bg, var(--moduix-color-background));
-      color: var(--moduix-button-outline-color, var(--moduix-color-foreground));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          background-color: var(--moduix-button-outline-bg-hover, var(--moduix-color-accent));
-        }
-      }
-    }
-
-    &[data-variant="secondary"] {
-      border-color: var(--moduix-button-secondary-border-color, var(--moduix-color-secondary));
-      background-color: var(--moduix-button-secondary-bg, var(--moduix-color-secondary));
-      color: var(--moduix-button-secondary-color, var(--moduix-color-secondary-foreground));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          background-color: var(--moduix-button-secondary-bg-hover, var(--moduix-color-accent));
-        }
-      }
-    }
-
-    &[data-variant="destructive"] {
-      border-color: var(--moduix-button-destructive-border-color, var(--moduix-color-destructive));
-      background-color: var(--moduix-button-destructive-bg, var(--moduix-color-destructive));
-      color: var(--moduix-button-destructive-color, var(--moduix-color-destructive-foreground));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          filter: brightness(var(--moduix-button-destructive-hover-brightness, .96));
-        }
-      }
-    }
-
-    &[data-variant="destructive-outline"] {
-      border-color: var(--moduix-button-destructive-outline-border-color, var(--moduix-color-destructive));
-      background-color: var(--moduix-button-destructive-outline-bg, var(--moduix-color-background));
-      color: var(--moduix-button-destructive-outline-color, var(--moduix-color-destructive));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          background-color: var(--moduix-button-destructive-outline-bg-hover, var(--moduix-color-destructive));
-          color: var(--moduix-button-destructive-outline-color-hover, var(--moduix-button-destructive-color, var(--moduix-color-destructive-foreground)));
-        }
-      }
-    }
-
-    &[data-variant="ghost"] {
-      border-color: var(--moduix-button-ghost-border-color, transparent);
-      background-color: var(--moduix-button-ghost-bg, transparent);
-      color: var(--moduix-button-ghost-color, var(--moduix-color-foreground));
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          background-color: var(--moduix-button-ghost-bg-hover, var(--moduix-color-accent));
-        }
-      }
-    }
-
-    &[data-variant="link"] {
-      color: var(--moduix-button-link-color, var(--moduix-color-primary));
-      text-decoration: var(--moduix-button-link-text-decoration, underline);
-      text-underline-offset: var(--moduix-button-link-underline-offset, .25em);
-      background-color: #0000;
-      border-color: #0000;
-      padding-inline: 0;
-
-      @media (hover: hover) {
-        &:not([data-disabled]):hover {
-          color: var(--moduix-button-link-color-hover, var(--moduix-color-foreground));
-        }
-      }
-    }
-
-    &[data-size="xs"] {
-      min-height: var(--moduix-button-size-xs, var(--moduix-size-xs));
-      padding-block: var(--moduix-button-padding-y-xs, var(--moduix-spacing-0-5));
-      padding-inline: var(--moduix-button-padding-x-xs, var(--moduix-spacing-2-5));
-      font-size: var(--moduix-button-font-size-xs, var(--moduix-text-xs));
-      line-height: var(--moduix-button-line-height-xs, var(--moduix-line-height-text-xs));
-    }
-
-    &[data-size="sm"] {
-      min-height: var(--moduix-button-size-sm, var(--moduix-size-sm));
-      padding-block: var(--moduix-button-padding-y-sm, var(--moduix-spacing-1));
-      padding-inline: var(--moduix-button-padding-x-sm, var(--moduix-spacing-3));
-    }
-
-    &[data-size="md"] {
-      min-height: var(--moduix-button-size-md, var(--moduix-size-md));
-      padding-block: var(--moduix-button-padding-y-md, var(--moduix-spacing-1));
-      padding-inline: var(--moduix-button-padding-x-md, var(--moduix-spacing-4));
-    }
-
-    &[data-size="lg"] {
-      min-height: var(--moduix-button-size-lg, var(--moduix-size-lg));
-      padding-block: var(--moduix-button-padding-y-lg, var(--moduix-spacing-1-5));
-      padding-inline: var(--moduix-button-padding-x-lg, var(--moduix-spacing-5));
-      font-size: var(--moduix-button-font-size-lg, var(--moduix-text-md));
-      line-height: var(--moduix-button-line-height-lg, var(--moduix-line-height-text-md));
-    }
-
-    &[data-size="xl"] {
-      min-height: var(--moduix-button-size-xl, var(--moduix-size-xl));
-      padding-block: var(--moduix-button-padding-y-xl, var(--moduix-spacing-2));
-      padding-inline: var(--moduix-button-padding-x-xl, var(--moduix-spacing-6));
-      font-size: var(--moduix-button-font-size-xl, var(--moduix-text-lg));
-      line-height: var(--moduix-button-line-height-xl, var(--moduix-line-height-text-lg));
-    }
-
-    &[data-size="icon-sm"], &[data-size="icon-md"], &[data-size="icon-lg"] {
-      gap: 0;
-      padding: 0;
-    }
-
-    &[data-size="icon-sm"] {
-      width: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
-      min-width: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
-      height: var(--moduix-button-size-icon-sm, var(--moduix-size-sm));
-    }
-
-    &[data-size="icon-md"] {
-      width: var(--moduix-button-size-icon-md, var(--moduix-size-md));
-      min-width: var(--moduix-button-size-icon-md, var(--moduix-size-md));
-      height: var(--moduix-button-size-icon-md, var(--moduix-size-md));
-    }
-
-    &[data-size="icon-lg"] {
-      width: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
-      min-width: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
-      height: var(--moduix-button-size-icon-lg, var(--moduix-size-lg));
-    }
-
-    &[data-variant="link"] {
-      min-height: 0;
-      padding-block: 0;
-    }
-  }
-}