ropav 0.1.4 → 0.1.6

package/dist/number-input.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-number-input[data-v-eb2db673] {
+.rp-number-input[data-v-988300ea] {
     --_rp-number-input-control-size: var(--_rp-input-height);
     --_rp-number-input-text-align: left;
     overflow: hidden;
@@ -7,39 +7,39 @@
     padding-inline: 0;
     vertical-align: middle;
 }
-.rp-number-input[data-v-eb2db673] .rp-input__native {
+.rp-number-input[data-v-988300ea] .rp-input__native {
     appearance: textfield;
     padding-inline: var(--_rp-input-padding-x);
     text-align: var(--_rp-number-input-text-align);
 }
-.rp-number-input--text-align-center[data-v-eb2db673] {
+.rp-number-input--text-align-center[data-v-988300ea] {
     --_rp-number-input-text-align: center;
 }
-.rp-number-input--text-align-right[data-v-eb2db673] {
+.rp-number-input--text-align-right[data-v-988300ea] {
     --_rp-number-input-text-align: right;
 }
-.rp-number-input[data-v-eb2db673] .rp-input__native::-webkit-inner-spin-button,
-  .rp-number-input[data-v-eb2db673] .rp-input__native::-webkit-outer-spin-button {
+.rp-number-input[data-v-988300ea] .rp-input__native::-webkit-inner-spin-button,
+  .rp-number-input[data-v-988300ea] .rp-input__native::-webkit-outer-spin-button {
     margin: 0;
     appearance: none;
 }
-.rp-number-input[data-v-eb2db673] .rp-input__left,
-  .rp-number-input[data-v-eb2db673] .rp-input__right {
+.rp-number-input[data-v-988300ea] .rp-input__left,
+  .rp-number-input[data-v-988300ea] .rp-input__right {
     align-self: stretch;
     margin-block: calc(-1 * var(--rp-border-width-thin));
 }
-.rp-number-input__controls[data-v-eb2db673] {
+.rp-number-input__controls[data-v-988300ea] {
     display: inline-flex;
     height: var(--_rp-input-height);
     flex-shrink: 0;
 }
-.rp-number-input__controls--left[data-v-eb2db673] {
+.rp-number-input__controls--left[data-v-988300ea] {
     border-inline-end: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__controls--right[data-v-eb2db673] {
+.rp-number-input__controls--right[data-v-988300ea] {
     border-inline-start: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__control[data-v-eb2db673] {
+.rp-number-input__control[data-v-988300ea] {
     padding: 0;
     font: inherit;
     background: none;
@@ -55,29 +55,29 @@
     color: var(--rp-color-control-icon);
     transition: color var(--rp-transition-fast), background-color var(--rp-transition-fast), opacity var(--rp-transition-fast);
 }
-.rp-number-input__control + .rp-number-input__control[data-v-eb2db673] {
+.rp-number-input__control + .rp-number-input__control[data-v-988300ea] {
     border-inline-start: var(--rp-border-width-thin) solid var(--rp-color-control-border);
 }
-.rp-number-input__control[data-v-eb2db673]:hover:not(:disabled) {
+.rp-number-input__control[data-v-988300ea]:hover:not(:disabled) {
     color: var(--rp-color-control-fg);
     background-color: var(--rp-color-default-hover);
 }
-.rp-number-input__control[data-v-eb2db673]:disabled {
+.rp-number-input__control[data-v-988300ea]:disabled {
     cursor: not-allowed;
     opacity: var(--rp-opacity-disabled);
 }
-.rp-number-input__control-icon[data-v-eb2db673] {
+.rp-number-input__control-icon[data-v-988300ea] {
     display: inline-flex;
     align-items: center;
     width: 0.875em;
     height: 0.875em;
     flex-shrink: 0;
 }
-.rp-number-input__control-icon svg[data-v-eb2db673] {
+.rp-number-input__control-icon svg[data-v-988300ea] {
     width: 100%;
     height: 100%;
 }
-.rp-number-input__control-icon[data-v-eb2db673] >  svg {
+.rp-number-input__control-icon[data-v-988300ea] >  svg {
     display: block;
     width: 100%;
     height: 100%;

package/dist/number-input.js

@@ -1,9 +1,10 @@
 import './number-input.css';
-import { t as bem } from "./bem.js";
+import { t as useControllableValue } from "./useControllableValue.js";
 import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { t as minus_default } from "./minus.js";
-import { i as useFormControl, n as provideNestedFormControlOwner, o as useControllableValue } from "./useFormControl.js";
+import { i as useFormControl, n as provideNestedFormControlOwner } from "./useFormControl.js";
 import { t as useControlState } from "./useControlState.js";
 import { t as input_default } from "./input.js";
 import { child, computed, createComponent, createFor, createIf, createSlot, defineVaporComponent, delegateEvents, markRaw, on, ref, renderEffect, setDynamicProps, setInsertionState, setStaticTemplateRef, template, unref, withModifiers, withVaporModifiers } from "vue";
@@ -189,10 +190,10 @@ function useNumberInput(props, emitUpdate, getValue = () => props.modelValue ??
 }
 //#endregion
 //#region src/components/number-input/number-input.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<button data-v-eb2db673><span data-v-eb2db673 class=rp-number-input__control-icon aria-hidden=true></button>");
-var t1 = template("<span data-v-eb2db673 class=\"rp-number-input__controls rp-number-input__controls--left\">");
-var t2 = template("<button data-v-eb2db673><span data-v-eb2db673 class=rp-number-input__control-icon aria-hidden=true>");
-var t3 = template("<span data-v-eb2db673 class=\"rp-number-input__controls rp-number-input__controls--right\">");
+var t0 = template("<button data-v-988300ea><span data-v-988300ea class=rp-number-input__control-icon aria-hidden=true></button>");
+var t1 = template("<span data-v-988300ea class=\"rp-number-input__controls rp-number-input__controls--left\">");
+var t2 = template("<button data-v-988300ea><span data-v-988300ea class=rp-number-input__control-icon aria-hidden=true>");
+var t3 = template("<span data-v-988300ea class=\"rp-number-input__controls rp-number-input__controls--right\">");
 delegateEvents("mousedown");
 //#endregion
 //#region src/components/number-input/number-input.vue
@@ -410,7 +411,7 @@ var number_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		setStaticTemplateRef(n30, inputComponentRef, null, "inputComponentRef");
 		return n30;
 	}
-}), [["__scopeId", "data-v-eb2db673"]]);
+}), [["__scopeId", "data-v-988300ea"]]);
 //#endregion
 //#region src/components/number-input/types.ts
 var numberInputParts = [

package/dist/overlay.js

@@ -1,6 +1,6 @@
 import './overlay.css';
-import { t as bem } from "./bem.js";
 import { n as useStylesApi } from "./styles-api.js";
+import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { computed, createIf, defineVaporComponent, renderEffect, setDynamicProps, template, unref } from "vue";
 //#region src/components/overlay/useOverlay.ts

package/dist/pagination.css

@@ -0,0 +1,140 @@
+@layer ropav.components {
+.rp-pagination[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-md);
+    --_rp-pagination-font-size: var(--rp-font-size-md);
+    --_rp-pagination-radius: var(--rp-radius-sm);
+    --_rp-pagination-gap: var(--rp-spacing-1);
+    --_rp-pagination-active-bg: var(--rp-color-control-selected-bg);
+    --_rp-pagination-active-bg-hover: var(--rp-primary-color-filled-hover);
+    --_rp-pagination-active-fg: var(--rp-color-control-selected-fg);
+    --_rp-pagination-active-fg-hover: var(--_rp-pagination-active-fg);
+    display: inline-flex;
+    max-width: 100%;
+    color: var(--rp-color-control-fg);
+    font-family: var(--rp-font-family);
+    font-size: var(--_rp-pagination-font-size);
+    line-height: 1;
+    vertical-align: middle;
+}
+.rp-pagination__items[data-v-6ae45781] {
+    display: flex;
+    align-items: center;
+    max-width: 100%;
+    padding: 0;
+    margin: 0;
+    gap: var(--_rp-pagination-gap);
+    list-style: none;
+}
+.rp-pagination__item[data-v-6ae45781] {
+    display: flex;
+    flex: 0 0 auto;
+}
+.rp-pagination__page[data-v-6ae45781], .rp-pagination__control[data-v-6ae45781], .rp-pagination__ellipsis[data-v-6ae45781] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: var(--_rp-pagination-item-size);
+    min-width: var(--_rp-pagination-item-size);
+    height: var(--_rp-pagination-item-size);
+    padding: 0;
+    color: inherit;
+    font: inherit;
+    line-height: 1;
+    background: transparent;
+    border: var(--rp-border-width-thin) solid transparent;
+    border-radius: var(--_rp-pagination-radius);
+}
+.rp-pagination__page[data-v-6ae45781], .rp-pagination__control[data-v-6ae45781] {
+    appearance: none;
+    cursor: pointer;
+}
+.rp-pagination__page[data-v-6ae45781]:hover:not(:disabled), .rp-pagination__control[data-v-6ae45781]:hover:not(:disabled) {
+    background-color: var(--rp-color-default-hover);
+}
+.rp-pagination__page[data-v-6ae45781]:focus-visible, .rp-pagination__control[data-v-6ae45781]: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-pagination__page[data-v-6ae45781]:disabled, .rp-pagination__control[data-v-6ae45781]:disabled {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+}
+.rp-pagination__page[data-v-6ae45781] {
+    width: auto;
+    padding-inline: var(--rp-spacing-2);
+    font-variant-numeric: tabular-nums;
+    transition: box-shadow var(--rp-transition-fast);
+}
+.rp-pagination__page--active[data-v-6ae45781] {
+    color: var(--_rp-pagination-active-fg);
+    font-weight: var(--rp-font-weight-medium);
+    background-color: var(--_rp-pagination-active-bg);
+    border-color: var(--_rp-pagination-active-bg);
+}
+.rp-pagination__page--active[data-v-6ae45781]:hover:not(:disabled) {
+    background-color: var(--_rp-pagination-active-bg-hover);
+    border-color: var(--_rp-pagination-active-bg-hover);
+    color: var(--_rp-pagination-active-fg-hover);
+}
+.rp-pagination__control[data-v-6ae45781] {
+    transition: color var(--rp-transition-fast), background-color var(--rp-transition-fast), border-color var(--rp-transition-fast), box-shadow var(--rp-transition-fast);
+}
+.rp-pagination__control-icon[data-v-6ae45781], .rp-pagination__ellipsis[data-v-6ae45781] >  svg {
+    display: block;
+    width: 1em;
+    height: 1em;
+}
+.rp-pagination__ellipsis[data-v-6ae45781] {
+    color: var(--rp-color-dimmed);
+}
+.rp-pagination:dir(rtl) .rp-pagination__control-icon[data-v-6ae45781] {
+    transform: rotate(180deg);
+}
+.rp-pagination--disabled .rp-pagination__page[data-v-6ae45781]:not(:disabled), .rp-pagination--disabled .rp-pagination__control[data-v-6ae45781]:not(:disabled) {
+    opacity: var(--rp-opacity-disabled);
+    cursor: not-allowed;
+}
+.rp-pagination--size-xs[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-xs);
+    --_rp-pagination-font-size: var(--rp-font-size-xs);
+}
+.rp-pagination--size-sm[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-sm);
+    --_rp-pagination-font-size: var(--rp-font-size-sm);
+}
+.rp-pagination--size-md[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-md);
+    --_rp-pagination-font-size: var(--rp-font-size-md);
+}
+.rp-pagination--size-lg[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-lg);
+    --_rp-pagination-font-size: var(--rp-font-size-lg);
+}
+.rp-pagination--size-xl[data-v-6ae45781] {
+    --_rp-pagination-item-size: var(--rp-size-control-xl);
+    --_rp-pagination-font-size: var(--rp-font-size-xl);
+}
+.rp-pagination--radius-none[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-none);
+}
+.rp-pagination--radius-xs[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-xs);
+}
+.rp-pagination--radius-sm[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-sm);
+}
+.rp-pagination--radius-md[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-md);
+}
+.rp-pagination--radius-lg[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-lg);
+}
+.rp-pagination--radius-xl[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-xl);
+}
+.rp-pagination--radius-full[data-v-6ae45781] {
+    --_rp-pagination-radius: var(--rp-radius-full);
+}
+}