@onereach/ui-components 10.4.5-beta.4385.0 → 10.4.5-beta.4387.0

package/dist/bundled/v2/components/OrInputV3/OrInput.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disclosed: import("@vue/composition-api").Ref<boolean>;
     length: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    clear: () => void;
     focus: () => void;
     blur: () => void;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
@@ -179,6 +180,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disclosed: import("@vue/composition-api").Ref<boolean>;
     length: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
+    clear: () => void;
     focus: () => void;
     blur: () => void;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-8f24749f.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-41dd90cc.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-13470725.js';
+export { _ as default } from '../../OrList-b1a93a99.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-13470725.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-b1a93a99.js';

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js

@@ -22,14 +22,14 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Object,
+      type: undefined,
       default: undefined
     },
     length: {
       type: Number,
       required: true
     },
-    pageSizeOptions: {
+    options: {
       type: Array,
       default: () => [50, 20, 10, 5]
     }
@@ -59,7 +59,7 @@ var script = defineComponent({
     const currentLimit = computed({
       get: () => {
         var _a, _b;
-        return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.pageSizeOptions[0];
+        return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.options[0];
       },
       set: value => {
         proxyModelValue.value = {
@@ -183,7 +183,6 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        $event.stopPropagation();
         return _vm.toPreviousPage();
       }
     }
@@ -202,7 +201,6 @@ var __vue_render__ = function () {
       },
       on: {
         "click": function ($event) {
-          $event.stopPropagation();
           typeof page === 'number' && _vm.toPage(page);
         }
       }
@@ -216,7 +214,6 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        $event.stopPropagation();
         return _vm.toNextPage();
       }
     }
@@ -236,8 +233,7 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.limitMenu.open();
+        _vm.limitMenu && _vm.limitMenu.open();
       }
     }
   }, [_vm._v("\n      " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
@@ -251,14 +247,13 @@ var __vue_render__ = function () {
       "trigger": _vm.limitButtonRoot,
       "placement": 'top'
     }
-  }, _vm._l(_vm.pageSizeOptions, function (pageSize) {
+  }, _vm._l(_vm.options, function (pageSize) {
     return _c('OrMenuItem', {
       key: pageSize,
       on: {
         "click": function ($event) {
-          $event.stopPropagation();
           _vm.currentLimit = pageSize;
-          _vm.limitMenu.close();
+          _vm.limitMenu && _vm.limitMenu.close();
         }
       }
     }, [_vm._v("\n        " + _vm._s(pageSize) + "\n      ")]);
@@ -273,7 +268,6 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        $event.stopPropagation();
         return _vm.toNextPage();
       }
     }

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { PaginationModel } from './types';
+import { PaginationModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -18,7 +18,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;
@@ -32,34 +32,34 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<PaginationModel>;
+        type: PropType<PaginationModelValue>;
         default: undefined;
     };
     length: {
         type: NumberConstructor;
         required: true;
     };
-    pageSizeOptions: {
+    options: {
         type: PropType<number[]>;
         default: () => number[];
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<PaginationModel>;
+        type: PropType<PaginationModelValue>;
         default: undefined;
     };
     length: {
         type: NumberConstructor;
         required: true;
     };
-    pageSizeOptions: {
+    options: {
         type: PropType<number[]>;
         default: () => number[];
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     length: number;
-    modelValue: PaginationModel;
-    pageSizeOptions: number[];
+    modelValue: PaginationModelValue;
+    options: number[];
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -80,7 +80,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModel>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;
@@ -94,12 +94,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     length: number;
-    modelValue: PaginationModel;
-    pageSizeOptions: number[];
+    modelValue: PaginationModelValue;
+    options: number[];
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: PaginationModel;
-    pageSizeOptions: number[];
+    modelValue: PaginationModelValue;
+    options: number[];
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrPaginationV3/types.d.ts

@@ -1,4 +1,5 @@
-export interface PaginationModel {
+import { ModelValue } from '../../types';
+export type PaginationModelValue = ModelValue<{
     limit: number;
     offset: number;
-}
+}>;

package/dist/bundled/v2/components/OrRadioV3/styles.js

@@ -13,9 +13,9 @@ const RadioControl = [
 // Box
 'w-md+ md:w-md', 'h-md+ md:h-md',
 // Theme
-'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
+'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
 // Theme (focus)
-'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-primary focus-visible:outline-2', 'dark:focus-visible:theme-outline-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [
@@ -23,9 +23,9 @@ const RadioControlHandle = [
 'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
 // Shape (children)
 'after:rounded-full',
-// Theme (children/checked)
+// Theme (checked / children)
 'after:checked:bg-on-primary', 'dark:after:checked:bg-on-primary-dark',
-// Theme (children/checked/disabled)
+// Theme (checked + disabled / children)
 'after:disabled:checked:bg-on-disabled', 'dark:after:disabled:checked:bg-on-disabled-dark'];
 
 export { Radio, RadioControl, RadioControlHandle };

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -2,7 +2,7 @@ import { f as useElementBounding, u as useElementHover, g as useDraggable } from
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
-import { SliderColor, SliderOrientation } from '../OrSliderV3/props.js';
+import { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { c as clamp } from '../../index-279e78b9.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
@@ -18,7 +18,7 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Object,
+      type: undefined,
       default: undefined
     },
     minValue: {
@@ -35,7 +35,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -57,19 +57,14 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    const rail = ref();
-    const offset = ref();
-    const track = ref();
-    const filler = ref();
-    const thumbFrom = ref();
-    const thumbTo = ref();
-    // Styles
     const rootStyles = computed(() => ['or-range-slider-v3', ...RangeSlider, ...RangeSliderOrientations[props.orientation]]);
+    const rail = ref();
     const railStyles = computed(() => ['or-range-slider-rail-v3', ...RangeSliderRail, ...RangeSliderRailOrientations[props.orientation]]);
+    const offset = ref();
     const offsetStyles = computed(() => [...RangeSliderOffset, ...RangeSliderOffsetOrientations[props.orientation]]);
-    const offsetComputedStyles = computed(() => {
+    const offsetInlineStyles = computed(() => {
       switch (props.orientation) {
         case SliderOrientation.Horizontal:
         case SliderOrientation.HorizontalReversed:
@@ -83,8 +78,9 @@ var script = defineComponent({
           };
       }
     });
+    const track = ref();
     const trackStyles = computed(() => [...RangeSliderTrack, ...RangeSliderTrackColors[props.color]]);
-    const trackComputedStyles = computed(() => {
+    const trackInlineStyles = computed(() => {
       switch (props.orientation) {
         case SliderOrientation.Horizontal:
         case SliderOrientation.HorizontalReversed:
@@ -98,6 +94,9 @@ var script = defineComponent({
           };
       }
     });
+    const filler = ref();
+    const thumbFrom = ref();
+    const thumbTo = ref();
     const thumbStyles = computed(() => ['or-range-slider-thumb-v3', ...RangeSliderThumb, ...RangeSliderThumbColors[props.color]]);
     const breakpointMarkStyles = computed(() => [...RangeSliderBreakpointMark, ...RangeSliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...RangeSliderLabel, ...RangeSliderLabelOrientations[props.orientation]]);
@@ -172,9 +171,7 @@ var script = defineComponent({
       }
     });
     const internalModelValueFrom = computed({
-      get: () => {
-        return (proxyModelValueFrom.value - props.minValue) / (props.maxValue - props.minValue);
-      },
+      get: () => (proxyModelValueFrom.value - props.minValue) / (props.maxValue - props.minValue),
       set: value => {
         const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
         const draftProxyModelValue = [internalBreakpoints.value.reduce((a, b) => {
@@ -193,9 +190,7 @@ var script = defineComponent({
       }
     });
     const internalModelValueTo = computed({
-      get: () => {
-        return (proxyModelValueTo.value - props.minValue) / (props.maxValue - props.minValue);
-      },
+      get: () => (proxyModelValueTo.value - props.minValue) / (props.maxValue - props.minValue),
       set: value => {
         const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
         const draftProxyModelValue = [internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue, internalBreakpoints.value.reduce((a, b) => {
@@ -217,7 +212,7 @@ var script = defineComponent({
       if (!props.step) {
         return [props.minValue, ...props.breakpoints, props.maxValue];
       }
-      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
+      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(undefined).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const tooltipPlacement = computed(() => {
       switch (props.orientation) {
@@ -350,18 +345,18 @@ var script = defineComponent({
     });
     return {
       root,
+      rootStyles,
       rail,
+      railStyles,
       offset,
+      offsetStyles,
+      offsetInlineStyles,
       track,
+      trackStyles,
+      trackInlineStyles,
       filler,
       thumbFrom,
       thumbTo,
-      rootStyles,
-      railStyles,
-      offsetStyles,
-      offsetComputedStyles,
-      trackStyles,
-      trackComputedStyles,
       thumbStyles,
       breakpointMarkStyles,
       labelStyles,
@@ -406,7 +401,7 @@ var __vue_render__ = function () {
   }, [_c('div', {
     ref: 'offset',
     class: _vm.offsetStyles,
-    style: _vm.offsetComputedStyles,
+    style: _vm.offsetInlineStyles,
     attrs: {
       "disabled": _vm.disabled
     }
@@ -438,7 +433,7 @@ var __vue_render__ = function () {
   })]), _vm._v(" "), _c('div', {
     ref: 'track',
     class: _vm.trackStyles,
-    style: _vm.trackComputedStyles,
+    style: _vm.trackInlineStyles,
     attrs: {
       "disabled": _vm.disabled
     }
@@ -500,7 +495,7 @@ var __vue_render__ = function () {
       style: _vm.getBreakpointMarkComputedStyles(breakpoint),
       attrs: {
         "disabled": _vm.disabled,
-        "force-state": _vm.highlightedBreakpoint === breakpoint ? 'hover' : null
+        "force-state": _vm.highlightedBreakpoint === breakpoint ? 'hover' : undefined
       },
       on: {
         "mouseenter": function ($event) {

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -1,31 +1,32 @@
 import { PropType } from 'vue-demi';
 import { SliderColor, SliderOrientation } from '../or-slider-v3';
+import { RangeSliderModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    offset: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    track: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    filler: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offset: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
+    offsetInlineStyles: import("@vue/composition-api").ComputedRef<{
         width: string;
         height?: undefined;
     } | {
         height: string;
         width?: undefined;
     } | undefined>;
+    track: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+    trackInlineStyles: import("@vue/composition-api").ComputedRef<{
         width: string;
         height?: undefined;
     } | {
         height: string;
         width?: undefined;
     } | undefined>;
+    filler: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -45,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<[number, number]>;
+        type: PropType<RangeSliderModelValue>;
         default: undefined;
     };
     minValue: {
@@ -62,7 +63,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -84,7 +85,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<[number, number]>;
+        type: PropType<RangeSliderModelValue>;
         default: undefined;
     };
     minValue: {
@@ -101,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -122,7 +123,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: [number, number];
+    modelValue: RangeSliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;
@@ -137,30 +138,30 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    offset: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    track: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    filler: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offset: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
+    offsetInlineStyles: import("@vue/composition-api").ComputedRef<{
         width: string;
         height?: undefined;
     } | {
         height: string;
         width?: undefined;
     } | undefined>;
+    track: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+    trackInlineStyles: import("@vue/composition-api").ComputedRef<{
         width: string;
         height?: undefined;
     } | {
         height: string;
         width?: undefined;
     } | undefined>;
+    filler: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbFrom: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumbTo: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -179,7 +180,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isHoveringThumbTo: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: [number, number];
+    modelValue: RangeSliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;
@@ -193,7 +194,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: [number, number];
+    modelValue: RangeSliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;

package/dist/bundled/v2/components/OrRangeSliderV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrRangeSliderV3 } from './OrRangeSlider.vue';
+export * from './types';

package/dist/bundled/v2/components/OrRangeSliderV3/styles.js

@@ -1,4 +1,4 @@
-import { SliderOrientation, SliderColor } from '../OrSliderV3/props.js';
+import { a as SliderOrientation, S as SliderColor } from '../../types-977c9542.js';
 
 const RangeSlider = [
 // Interactivity
@@ -106,18 +106,18 @@ const RangeSliderThumb = [
 const RangeSliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
-  'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
+  'theme-border-primary border-4', 'dark:theme-border-primary-dark',
   // Theme (hover)
   'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
   // Theme (active)
-  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-primary active:outline-10', 'dark:active:theme-outline-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
-  'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
+  'theme-border-secondary border-4', 'dark:theme-border-secondary-dark',
   // Theme (hover)
   'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
   // Theme (active)
-  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-secondary active:outline-10', 'dark:active:theme-outline-secondary-dark']
 };
 const RangeSliderBreakpointMark = [
 // Position

package/dist/bundled/v2/components/OrRangeSliderV3/types.d.ts

@@ -0,0 +1,2 @@
+import { ModelValue } from '../../types';
+export type RangeSliderModelValue = ModelValue<[number, number]>;

package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js

@@ -116,7 +116,7 @@ const ResizeablePanelCollapseButtonContainer = [
 // Typography
 'leading-[0]',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline-variant border-1', 'dark:theme-border-outline-variant-dark'];
 const ResizeablePanelCollapseButtonContainerPlacements = {
   [ResizeablePanelPlacement.Top]: [
   // Position
@@ -139,7 +139,7 @@ const ResizeablePanelToolbar = [
 // Spacing
 'px-md', 'py-md', 'gap-md',
 // Theme
-'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+'theme-border-outline-variant border-1', 'dark:theme-border-outline-variant-dark'];
 const ResizeablePanelToolbarPlacements = {
   [ResizeablePanelPlacement.Top]: [
   // Layout

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -12,7 +12,7 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-8f24749f.js';
+import { _ as __vue_component__$6 } from '../../OrInput-41dd90cc.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js

@@ -9,9 +9,9 @@ const EditorContainer = [
 // Layout
 'layout-column',
 // Theme (focus)
-'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
+'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-primary focus-within:border-1', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary focus-within:outline-2', 'dark:focus-within:theme-outline-primary-dark',
 // Theme (invalid)
-'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
+'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-error invalid:border-1', 'dark:invalid:theme-border-error-dark', 'invalid:theme-outline-transparent invalid:outline-2', 'dark:invalid:theme-outline-transparent',
 // Box
 'border-1', 'rounded-md', 'w-full', 'overflow-hidden', 'grow'];
 const ToolbarContainer = [