ropav 0.1.6 → 0.1.8

package/dist/select.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-select[data-v-7eb8ed79] {
+.rp-select[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-md);
     --_rp-select-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-select-font-size: var(--rp-font-size-md);
@@ -15,7 +15,7 @@
     font-weight: var(--rp-font-weight-normal);
     line-height: 1;
 }
-.rp-select__native[data-v-7eb8ed79] {
+.rp-select__native[data-v-097d7f90] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -26,42 +26,42 @@
     white-space: nowrap;
     border-width: 0;
 }
-.rp-select--size-xs[data-v-7eb8ed79] {
+.rp-select--size-xs[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-xs);
     --_rp-select-padding-x: calc(var(--rp-size-control-xs) / 3);
     --_rp-select-font-size: var(--rp-font-size-xs);
     --_rp-select-option-min-height: calc(var(--rp-size-control-xs) - var(--rp-spacing-2));
     --_rp-select-option-padding-y: calc(var(--rp-spacing-1) / 2);
 }
-.rp-select--size-sm[data-v-7eb8ed79] {
+.rp-select--size-sm[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-sm);
     --_rp-select-padding-x: calc(var(--rp-size-control-sm) / 3);
     --_rp-select-font-size: var(--rp-font-size-sm);
     --_rp-select-option-min-height: calc(var(--rp-size-control-sm) - var(--rp-spacing-3));
     --_rp-select-option-padding-y: var(--rp-spacing-1);
 }
-.rp-select--size-md[data-v-7eb8ed79] {
+.rp-select--size-md[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-md);
     --_rp-select-padding-x: calc(var(--rp-size-control-md) / 3);
     --_rp-select-font-size: var(--rp-font-size-md);
     --_rp-select-option-min-height: calc(var(--rp-size-control-md) - var(--rp-spacing-4));
     --_rp-select-option-padding-y: var(--rp-spacing-1);
 }
-.rp-select--size-lg[data-v-7eb8ed79] {
+.rp-select--size-lg[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-lg);
     --_rp-select-padding-x: calc(var(--rp-size-control-lg) / 3);
     --_rp-select-font-size: var(--rp-font-size-lg);
     --_rp-select-option-min-height: calc(var(--rp-size-control-lg) - var(--rp-spacing-5));
     --_rp-select-option-padding-y: calc(var(--rp-spacing-3) / 2);
 }
-.rp-select--size-xl[data-v-7eb8ed79] {
+.rp-select--size-xl[data-v-097d7f90] {
     --_rp-select-height: var(--rp-size-control-xl);
     --_rp-select-padding-x: calc(var(--rp-size-control-xl) / 3);
     --_rp-select-font-size: var(--rp-font-size-xl);
     --_rp-select-option-min-height: calc(var(--rp-size-control-xl) - var(--rp-spacing-6));
     --_rp-select-option-padding-y: var(--rp-spacing-2);
 }
-html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[data-v-7eb8ed79] {
+html.dark .rp-select[data-v-097d7f90], [data-rp-color-scheme=dark] .rp-select[data-v-097d7f90] {
     --_rp-select-invalid-border: var(--rp-color-red-light-color);
     --_rp-select-invalid-ring: color-mix(
         in srgb,
@@ -70,11 +70,11 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     );
     --_rp-select-option-focused-bg: var(--rp-color-default-hover);
 }
-.rp-select--disabled[data-v-7eb8ed79] {
+.rp-select--disabled[data-v-097d7f90] {
     opacity: var(--rp-opacity-disabled);
     cursor: not-allowed;
 }
-.rp-select__trigger[data-v-7eb8ed79] {
+.rp-select__trigger[data-v-097d7f90] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -91,81 +91,81 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     transition: border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
     gap: var(--rp-spacing-2);
 }
-.rp-select__trigger[data-v-7eb8ed79]:hover {
+.rp-select__trigger[data-v-097d7f90]:hover {
     border-color: var(--rp-color-control-border-hover);
 }
-.rp-select__trigger[data-v-7eb8ed79]:focus-visible {
+.rp-select__trigger[data-v-097d7f90]:focus-visible {
     outline: none;
     border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-select--radius-xs[data-v-7eb8ed79] {
+.rp-select--radius-xs[data-v-097d7f90] {
     --_rp-select-radius: var(--rp-radius-xs);
 }
-.rp-select--radius-sm[data-v-7eb8ed79] {
+.rp-select--radius-sm[data-v-097d7f90] {
     --_rp-select-radius: var(--rp-radius-sm);
 }
-.rp-select--radius-md[data-v-7eb8ed79] {
+.rp-select--radius-md[data-v-097d7f90] {
     --_rp-select-radius: var(--rp-radius-md);
 }
-.rp-select--radius-lg[data-v-7eb8ed79] {
+.rp-select--radius-lg[data-v-097d7f90] {
     --_rp-select-radius: var(--rp-radius-lg);
 }
-.rp-select--radius-xl[data-v-7eb8ed79] {
+.rp-select--radius-xl[data-v-097d7f90] {
     --_rp-select-radius: var(--rp-radius-xl);
 }
-.rp-select--open .rp-select__trigger[data-v-7eb8ed79] {
+.rp-select--open .rp-select__trigger[data-v-097d7f90] {
     border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
-.rp-select--invalid .rp-select__trigger[data-v-7eb8ed79] {
+.rp-select--invalid .rp-select__trigger[data-v-097d7f90] {
     border-color: var(--_rp-select-invalid-border);
 }
-.rp-select--invalid .rp-select__trigger[data-v-7eb8ed79]:focus-visible, .rp-select--open.rp-select--invalid .rp-select__trigger[data-v-7eb8ed79] {
+.rp-select--invalid .rp-select__trigger[data-v-097d7f90]:focus-visible, .rp-select--open.rp-select--invalid .rp-select__trigger[data-v-097d7f90] {
     border-color: var(--_rp-select-invalid-border);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--_rp-select-invalid-ring);
 }
-.rp-select__value[data-v-7eb8ed79] {
+.rp-select__value[data-v-097d7f90] {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--rp-color-control-fg);
 }
-.rp-select__placeholder[data-v-7eb8ed79] {
+.rp-select__placeholder[data-v-097d7f90] {
     color: var(--rp-color-control-placeholder);
 }
-.rp-select__indicator[data-v-7eb8ed79] {
+.rp-select__indicator[data-v-097d7f90] {
     display: inline-flex;
     align-items: center;
     width: 1em;
     height: 1em;
     flex-shrink: 0;
 }
-.rp-select__indicator svg[data-v-7eb8ed79] {
+.rp-select__indicator svg[data-v-097d7f90] {
     width: 100%;
     height: 100%;
 }
-.rp-select__indicator[data-v-7eb8ed79] {
+.rp-select__indicator[data-v-097d7f90] {
     position: relative;
     color: var(--rp-color-control-icon);
     transform: translateX(var(--rp-spacing-1));
 }
-.rp-select__arrow[data-v-7eb8ed79] {
+.rp-select__arrow[data-v-097d7f90] {
     display: inline-flex;
     align-items: center;
     width: 1em;
     height: 1em;
     flex-shrink: 0;
 }
-.rp-select__arrow svg[data-v-7eb8ed79] {
+.rp-select__arrow svg[data-v-097d7f90] {
     width: 100%;
     height: 100%;
 }
-.rp-select__arrow[data-v-7eb8ed79] {
+.rp-select__arrow[data-v-097d7f90] {
     transition: opacity var(--rp-transition-fast);
 }
-.rp-select__clear[data-v-7eb8ed79] {
+.rp-select__clear[data-v-097d7f90] {
     padding: 0;
     font: inherit;
     background: none;
@@ -177,11 +177,11 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     height: 1em;
     flex-shrink: 0;
 }
-.rp-select__clear svg[data-v-7eb8ed79] {
+.rp-select__clear svg[data-v-097d7f90] {
     width: 100%;
     height: 100%;
 }
-.rp-select__clear[data-v-7eb8ed79] {
+.rp-select__clear[data-v-097d7f90] {
     position: absolute;
     inset: 0;
     z-index: 1;
@@ -190,21 +190,19 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     pointer-events: none;
     transition: color var(--rp-transition-fast), opacity var(--rp-transition-fast);
 }
-.rp-select__clear[data-v-7eb8ed79]:hover {
+.rp-select__clear[data-v-097d7f90]:hover {
     color: var(--rp-color-control-fg);
 }
-.rp-select__trigger:hover .rp-select__clear[data-v-7eb8ed79] {
+.rp-select__trigger:hover .rp-select__clear[data-v-097d7f90] {
     opacity: 1;
     pointer-events: auto;
 }
-.rp-select__trigger:hover .rp-select__clear + .rp-select__arrow[data-v-7eb8ed79] {
+.rp-select__trigger:hover .rp-select__clear + .rp-select__arrow[data-v-097d7f90] {
     opacity: 0;
 }
-.rp-select__dropdown[data-v-7eb8ed79] {
+.rp-select__dropdown[data-v-097d7f90] {
     position: absolute;
-    top: calc(100% + var(--rp-spacing-2));
-    left: 0;
-    right: 0;
+    width: 100%;
     z-index: 100;
     background-color: var(--rp-color-default);
     border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
@@ -214,10 +212,10 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     max-height: 240px;
     padding: var(--rp-spacing-1);
 }
-.rp-select__dropdown[data-v-7eb8ed79] .rp-scroll-area__viewport {
+.rp-select__dropdown[data-v-097d7f90] .rp-scroll-area__viewport {
     scroll-padding-block: var(--rp-spacing-1);
 }
-.rp-select__option[data-v-7eb8ed79] {
+.rp-select__option[data-v-097d7f90] {
     display: flex;
     align-items: center;
     min-height: var(--_rp-select-option-min-height);
@@ -228,17 +226,17 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     transition: color var(--rp-transition-fast);
     color: var(--rp-color-control-fg);
 }
-.rp-select__option--focused[data-v-7eb8ed79] {
+.rp-select__option--focused[data-v-097d7f90] {
     background-color: var(--_rp-select-option-focused-bg);
 }
-.rp-select__option--selected[data-v-7eb8ed79] {
+.rp-select__option--selected[data-v-097d7f90] {
     color: var(--rp-primary-color-light-color);
 }
-.rp-select__option--disabled[data-v-7eb8ed79] {
+.rp-select__option--disabled[data-v-097d7f90] {
     color: var(--rp-color-disabled-color);
     cursor: not-allowed;
 }
-.rp-select__empty[data-v-7eb8ed79] {
+.rp-select__empty[data-v-097d7f90] {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -246,13 +244,17 @@ html.dark .rp-select[data-v-7eb8ed79], [data-rp-color-scheme=dark] .rp-select[da
     color: var(--rp-color-dimmed);
     font-size: var(--_rp-select-font-size);
 }
-.rp-select-dropdown-enter-active[data-v-7eb8ed79],
-  .rp-select-dropdown-leave-active[data-v-7eb8ed79] {
+.rp-select-dropdown-enter-active[data-v-097d7f90],
+  .rp-select-dropdown-leave-active[data-v-097d7f90] {
     transition: opacity var(--rp-transition-fast), transform var(--rp-transition-fast);
 }
-.rp-select-dropdown-enter-from[data-v-7eb8ed79],
-  .rp-select-dropdown-leave-to[data-v-7eb8ed79] {
+.rp-select-dropdown-enter-from[data-v-097d7f90],
+  .rp-select-dropdown-leave-to[data-v-097d7f90] {
     opacity: 0;
     transform: translateY(calc(-1 * var(--rp-spacing-1)));
 }
+.rp-select__dropdown[data-side=top].rp-select-dropdown-enter-from[data-v-097d7f90],
+  .rp-select__dropdown[data-side=top].rp-select-dropdown-leave-to[data-v-097d7f90] {
+    transform: translateY(var(--rp-spacing-1));
+}
 }