@moduix/react 2.1.0 → 2.2.4

package/dist/components/slider/Slider.css

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

package/dist/components/spinner/Spinner.css

@@ -1,60 +0,0 @@
-@layer ui.components {
-  .nzbtuq_root, [data-scope="spinner"][data-part="root"] {
-    --_spinner-size: var(--spinner-size, var(--spinner-size-md, var(--spacing-5)));
-    width: var(--_spinner-size);
-    height: var(--_spinner-size);
-    color: var(--spinner-color, currentColor);
-    vertical-align: middle;
-    flex: none;
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-  }
-
-  .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
-    width: 100%;
-    height: 100%;
-    animation: var(--spinner-animation, var(--animation-spin));
-    justify-content: center;
-    align-items: center;
-    display: inline-flex;
-  }
-
-  .nzbtuq_ring, [data-scope="spinner"][data-part="ring"] {
-    box-sizing: border-box;
-    border: var(--spinner-ring-border-width, var(--border-width-md)) solid
-      var(--spinner-ring-track-color, color-mix(in oklab, currentColor 22%, transparent));
-    border-block-start-color: var(--spinner-color, currentColor);
-    border-radius: var(--spinner-radius, var(--radius-full));
-    width: 100%;
-    height: 100%;
-    display: block;
-  }
-
-  .nzbtuq_indicator :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
-    width: 100%;
-    height: 100%;
-  }
-
-  .nzbtuq_root[data-size="xs"], [data-scope="spinner"][data-part="root"][data-size="xs"] {
-    --_spinner-size: var(--spinner-size, var(--spinner-size-xs, var(--spacing-3)));
-  }
-
-  .nzbtuq_root[data-size="sm"], [data-scope="spinner"][data-part="root"][data-size="sm"] {
-    --_spinner-size: var(--spinner-size, var(--spinner-size-sm, var(--spacing-4)));
-  }
-
-  .nzbtuq_root[data-size="lg"], [data-scope="spinner"][data-part="root"][data-size="lg"] {
-    --_spinner-size: var(--spinner-size, var(--spinner-size-lg, var(--spacing-7)));
-  }
-
-  .nzbtuq_root[data-size="xl"], [data-scope="spinner"][data-part="root"][data-size="xl"] {
-    --_spinner-size: var(--spinner-size, var(--spinner-size-xl, var(--size-md)));
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
-      animation: none;
-    }
-  }
-}

package/dist/components/split-button/SplitButton.css

@@ -1,51 +0,0 @@
-@layer ui.components {
-  .iLFhoa_root {
-    align-items: stretch;
-    display: inline-flex;
-  }
-
-  .iLFhoa_action {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  .iLFhoa_trigger {
-    min-width: 0;
-    padding-inline: var(--split-button-trigger-padding-x-md, var(--spacing-3));
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-    margin-inline-start: calc(var(--button-border-width, var(--border-width-sm)) * -1);
-    position: relative;
-  }
-
-  .iLFhoa_trigger:before {
-    content: "";
-    inset-block: var(--split-button-separator-inset, var(--spacing-1-5));
-    width: var(--split-button-separator-width, var(--border-width-sm));
-    background-color: var(--split-button-separator-color, currentColor);
-    opacity: var(--split-button-separator-opacity, .16);
-    pointer-events: none;
-    position: absolute;
-    inset-inline-start: var(--split-button-separator-offset, 0);
-  }
-
-  .iLFhoa_trigger[data-variant="outline"]:before, .iLFhoa_trigger[data-variant="destructive-outline"]:before {
-    opacity: 0;
-  }
-
-  .iLFhoa_trigger[data-size="xs"] {
-    padding-inline: var(--split-button-trigger-padding-x-xs, var(--spacing-2));
-  }
-
-  .iLFhoa_trigger[data-size="sm"] {
-    padding-inline: var(--split-button-trigger-padding-x-sm, var(--spacing-2-5));
-  }
-
-  .iLFhoa_trigger[data-size="lg"] {
-    padding-inline: var(--split-button-trigger-padding-x-lg, var(--spacing-3-5));
-  }
-
-  .iLFhoa_trigger[data-size="xl"] {
-    padding-inline: var(--split-button-trigger-padding-x-xl, var(--spacing-4));
-  }
-}

package/dist/components/splitter/Splitter.css

@@ -1,175 +0,0 @@
-@layer ui.components {
-  .qnjB1q_root {
-    box-sizing: border-box;
-    min-width: var(--splitter-min-width, 0);
-    min-height: var(--splitter-min-height, 0);
-    border: var(--splitter-border-width, var(--border-width-sm)) solid
-      var(--splitter-border-color, var(--color-border));
-    border-radius: var(--splitter-radius, var(--radius-md));
-    background-color: var(--splitter-bg, var(--color-card));
-    color: var(--splitter-color, var(--color-foreground));
-    box-shadow: var(--splitter-shadow, var(--shadow-sm));
-    display: flex;
-    position: relative;
-    overflow: hidden;
-
-    &[data-orientation="vertical"] {
-      flex-direction: column;
-    }
-
-    &[data-dragging] {
-      cursor: col-resize;
-
-      &[data-orientation="vertical"] {
-        cursor: row-resize;
-      }
-    }
-  }
-
-  .qnjB1q_panel {
-    box-sizing: border-box;
-    min-width: var(--splitter-panel-min-width, 0);
-    min-height: var(--splitter-panel-min-height, 12.5rem);
-    padding: var(--splitter-panel-padding, var(--spacing-4));
-    border: var(--splitter-panel-border-width, 0) solid
-      var(--splitter-panel-border-color, var(--color-border));
-    border-radius: var(--splitter-panel-radius, 0);
-    background-color: var(--splitter-panel-bg, var(--color-card));
-    color: var(--splitter-panel-color, var(--color-card-foreground));
-    box-shadow: var(--splitter-panel-shadow, none);
-    overflow: auto;
-
-    &[data-dragging] {
-      user-select: none;
-    }
-  }
-
-  .qnjB1q_root[data-orientation="vertical"] > .qnjB1q_panel {
-    min-height: var(--splitter-panel-min-height-vertical, 0);
-  }
-
-  .qnjB1q_resizeTrigger {
-    z-index: 1;
-    box-sizing: border-box;
-    flex: 0 0 var(--splitter-resize-trigger-line-size, 1px);
-    width: var(--splitter-resize-trigger-line-size, 1px);
-    min-width: var(--splitter-resize-trigger-line-size, 1px);
-    background-color: var(--splitter-resize-trigger-bg, transparent);
-    appearance: none;
-    cursor: col-resize;
-    touch-action: none;
-    transition: opacity var(--splitter-transition, var(--transition-default));
-    border: 0;
-    outline: 0;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-    display: flex;
-    position: relative;
-
-    &:before {
-      width: var(--splitter-resize-trigger-line-thickness, .5px);
-      height: var(--splitter-resize-trigger-line-length, 100%);
-      border-radius: var(--splitter-resize-trigger-line-radius, var(--radius-full));
-      background-color: var(--splitter-resize-trigger-line-color, var(--color-border));
-      content: "";
-      transition: background-color var(--splitter-transition, var(--transition-default)),
-        opacity var(--splitter-transition, var(--transition-default));
-      position: absolute;
-    }
-
-    &:after {
-      z-index: 1;
-      width: var(--splitter-resize-trigger-size, var(--spacing-2-5));
-      content: "";
-      height: 100%;
-      position: absolute;
-    }
-
-    &[data-orientation="vertical"] {
-      width: 100%;
-      min-width: 0;
-      height: var(--splitter-resize-trigger-line-size, 1px);
-      min-height: var(--splitter-resize-trigger-line-size, 1px);
-      cursor: row-resize;
-
-      &:before {
-        width: var(--splitter-resize-trigger-line-length, 100%);
-        height: var(--splitter-resize-trigger-line-thickness, .5px);
-      }
-
-      &:after {
-        width: 100%;
-        height: var(--splitter-resize-trigger-size, var(--spacing-2-5));
-      }
-    }
-
-    &[data-dragging] {
-      &:before {
-        background-color: var(--splitter-resize-trigger-line-color-dragging, color-mix(in oklab,
-            var(--splitter-resize-trigger-line-color, var(--color-border)) 72%,
-            var(--color-muted-foreground)));
-      }
-    }
-
-    &[data-disabled] {
-      cursor: default;
-      opacity: var(--splitter-disabled-opacity, var(--opacity-disabled));
-    }
-  }
-
-  @media (hover: hover) {
-    .qnjB1q_resizeTrigger:hover:not(:disabled, [data-disabled]) {
-      &:before {
-        background-color: var(--splitter-resize-trigger-line-color-hover, color-mix(in oklab,
-            var(--splitter-resize-trigger-line-color, var(--color-border)) 72%,
-            var(--color-muted-foreground)));
-      }
-    }
-  }
-
-  .qnjB1q_resizeTriggerIndicator {
-    z-index: 2;
-    box-sizing: border-box;
-    width: var(--splitter-resize-trigger-indicator-width, var(--spacing-1-5));
-    height: var(--splitter-resize-trigger-indicator-height, var(--size-xs));
-    border: var(--splitter-resize-trigger-indicator-border-width, var(--border-width-sm)) solid
-      var(--splitter-resize-trigger-indicator-border-color, var(--color-border));
-    border-radius: var(--splitter-resize-trigger-indicator-radius, var(--radius-full));
-    background-color: var(--splitter-resize-trigger-indicator-bg, var(--color-background));
-    box-shadow: var(--splitter-resize-trigger-indicator-shadow, var(--shadow-sm));
-    pointer-events: none;
-    transition: border-color var(--splitter-transition, var(--transition-default)),
-      box-shadow var(--splitter-transition, var(--transition-default)),
-      transform var(--splitter-transition, var(--transition-default));
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-start: 50%;
-    transform: translate(-50%, -50%);
-
-    &[data-orientation="vertical"] {
-      width: var(--splitter-resize-trigger-indicator-height, var(--size-xs));
-      height: var(--splitter-resize-trigger-indicator-width, var(--spacing-1-5));
-    }
-  }
-
-  .qnjB1q_resizeTrigger[data-dragging] .qnjB1q_resizeTriggerIndicator {
-    border-color: var(--splitter-resize-trigger-indicator-border-color-dragging, var(--splitter-resize-trigger-indicator-border-color, var(--color-border)));
-    background-color: var(--splitter-resize-trigger-indicator-bg-dragging, var(--splitter-resize-trigger-indicator-bg, var(--color-background)));
-    box-shadow: var(--splitter-resize-trigger-indicator-shadow-dragging, var(--shadow-md));
-    transform: translate(-50%, -50%) scale(1.08);
-  }
-
-  @media (hover: hover) {
-    .qnjB1q_resizeTrigger:hover:not(:disabled, [data-disabled]) .qnjB1q_resizeTriggerIndicator {
-      border-color: var(--splitter-resize-trigger-indicator-border-color-hover, color-mix(in oklab,
-          var(--splitter-resize-trigger-indicator-border-color, var(--color-border)) 72%,
-          var(--color-muted-foreground)));
-      box-shadow: var(--splitter-resize-trigger-indicator-shadow-hover, var(--shadow-md));
-    }
-  }
-
-  .qnjB1q_resizeTrigger[data-disabled] .qnjB1q_resizeTriggerIndicator {
-    visibility: hidden;
-  }
-}

package/dist/components/stack/Stack.css

@@ -1,13 +0,0 @@
-@layer ui.components {
-  .uJ8lyW_root {
-    flex: var(--stack-flex, initial);
-    flex-direction: var(--stack-direction-mobile, column);
-    display: flex;
-  }
-
-  @media (width >= 640px) {
-    .uJ8lyW_root {
-      flex-direction: var(--stack-direction-desktop, var(--stack-direction-mobile, column));
-    }
-  }
-}