@onereach/ui-components 8.19.5 → 8.20.0

package/dist/esm/v2/{OrSlider.vue_rollup-plugin-vue_script-eadc5fc6.js → OrSlider.vue_rollup-plugin-vue_script-79f356ca.js}

@@ -15,7 +15,9 @@ var SliderColor;
 var SliderOrientation;
 (function (SliderOrientation) {
   SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["HorizontalReversed"] = "horizontal-reversed";
   SliderOrientation["Vertical"] = "vertical";
+  SliderOrientation["VerticalReversed"] = "vertical-reversed";
 })(SliderOrientation || (SliderOrientation = {}));
 
 const Slider = [
@@ -27,10 +29,20 @@ const SliderOrientations = {
   'layout-column',
   // Box
   'w-full'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-row',
   // Box
+  'h-full'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-row',
+  // Box
   'h-full']
 };
 const SliderRail = [
@@ -50,12 +62,26 @@ const SliderRailOrientations = {
   'w-full', 'h-xs',
   // Spacing
   'mx-0', 'my-md+'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-row-reverse',
+  // Box
+  'w-full', 'h-xs',
+  // Spacing
+  'mx-0', 'my-md+'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-column-reverse items-center',
   // Box
   'w-xs', 'h-full',
   // Spacing
+  'mx-md+', 'my-0'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-column items-center',
+  // Box
+  'w-xs', 'h-full',
+  // Spacing
   'mx-md+', 'my-0']
 };
 const SliderTrack = [
@@ -130,10 +156,20 @@ const SliderLabelOrientations = {
   'layout-row',
   // Box
   'w-full'],
+  [SliderOrientation.HorizontalReversed]: [
+  // Layout
+  'layout-row-reverse',
+  // Box
+  'w-full'],
   [SliderOrientation.Vertical]: [
   // Layout
   'layout-column-reverse items-center',
   // Box
+  'h-full'],
+  [SliderOrientation.VerticalReversed]: [
+  // Layout
+  'layout-column items-center',
+  // Box
   'h-full']
 };
 const SliderLabelMark = [
@@ -153,19 +189,19 @@ var script = defineComponent({
   props: {
     modelValue: {
       type: Number,
-      default: undefined
+      default: () => undefined
     },
     minValue: {
       type: Number,
-      default: 0
+      default: () => 0
     },
     maxValue: {
       type: Number,
-      default: 100
+      default: () => 100
     },
     step: {
       type: Number,
-      default: 1
+      default: () => 1
     },
     breakpoints: {
       type: Array,
@@ -181,7 +217,7 @@ var script = defineComponent({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: () => false
     }
   },
   emits: ['update:modelValue'],
@@ -195,9 +231,20 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-slider-v3', ...Slider, ...SliderOrientations[props.orientation]]);
     const railStyles = computed(() => ['or-slider-rail-v3', ...SliderRail, ...SliderRailOrientations[props.orientation]]);
     const trackStyles = computed(() => [...SliderTrack, ...SliderTrackColors[props.color]]);
-    const trackComputedStyles = computed(() => ({
-      [props.orientation === SliderOrientation.Horizontal ? 'width' : 'height']: `${internalModelValue.value * 100}%`
-    }));
+    const trackComputedStyles = computed(() => {
+      switch (props.orientation) {
+        case SliderOrientation.Horizontal:
+        case SliderOrientation.HorizontalReversed:
+          return {
+            width: `${internalModelValue.value * 100}%`
+          };
+        case SliderOrientation.Vertical:
+        case SliderOrientation.VerticalReversed:
+          return {
+            height: `${internalModelValue.value * 100}%`
+          };
+      }
+    });
     const thumbStyles = computed(() => ['or-slider-thumb-v3', ...SliderThumb, ...SliderThumbColors[props.color]]);
     const breakpointMarkStyles = computed(() => [...SliderBreakpointMark, ...SliderBreakpointMarkColors[props.color]]);
     const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
@@ -224,6 +271,16 @@ var script = defineComponent({
       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);
     });
     const railBoundingBox = useElementBounding(rail);
+    const tooltipPlacement = computed(() => {
+      switch (props.orientation) {
+        case SliderOrientation.Horizontal:
+        case SliderOrientation.HorizontalReversed:
+          return 'top';
+        case SliderOrientation.Vertical:
+        case SliderOrientation.VerticalReversed:
+          return 'right';
+      }
+    });
     // Handlers
     function onDrag(position, event) {
       if (props.disabled) {
@@ -231,9 +288,43 @@ var script = defineComponent({
       }
       const totalWidth = railBoundingBox.width.value;
       const totalHeight = railBoundingBox.height.value;
-      internalModelValue.value = props.orientation === SliderOrientation.Horizontal ? clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth : clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;
+      switch (props.orientation) {
+        case SliderOrientation.Horizontal:
+          internalModelValue.value = clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth;
+          break;
+        case SliderOrientation.HorizontalReversed:
+          internalModelValue.value = clamp(railBoundingBox.right.value - event.clientX, 0, totalWidth) / totalWidth;
+          break;
+        case SliderOrientation.Vertical:
+          internalModelValue.value = clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;
+          break;
+        case SliderOrientation.VerticalReversed:
+          internalModelValue.value = clamp(totalHeight - (railBoundingBox.bottom.value - event.clientY), 0, totalHeight) / totalHeight;
+          break;
+      }
     }
     // Methods
+    function getBreakpointMarkComputedStyles(breakpoint) {
+      switch (props.orientation) {
+        case SliderOrientation.Horizontal:
+          return {
+            left: `${getBreakpointOffset(breakpoint) * 100}%`
+          };
+        case SliderOrientation.HorizontalReversed:
+          return {
+            right: `${getBreakpointOffset(breakpoint) * 100}%`
+          };
+        case SliderOrientation.Vertical:
+          return {
+            bottom: `${getBreakpointOffset(breakpoint) * 100}%`
+          };
+        case SliderOrientation.VerticalReversed:
+          return {
+            top: `${getBreakpointOffset(breakpoint) * 100}%`
+          };
+      }
+    }
+    // Helpers
     function getBreakpointOffset(breakpoint) {
       return (breakpoint - props.minValue) / (props.maxValue - props.minValue);
     }
@@ -274,7 +365,8 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
-      getBreakpointOffset,
+      tooltipPlacement,
+      getBreakpointMarkComputedStyles,
       isHovering,
       isDragging
     };

package/dist/esm/v2/components/index.js

@@ -92,9 +92,9 @@ export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-d2019e2f.js';
 export { _ as OrRadioV3 } from '../OrRadio-c1b7cde1.js';
-export { _ as OrRangeSliderV3 } from '../OrRangeSlider-2fba4c60.js';
-export { _ as OrSliderV3 } from '../OrSlider-dd60a4a1.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-eadc5fc6.js';
+export { _ as OrRangeSliderV3 } from '../OrRangeSlider-7a377862.js';
+export { _ as OrSliderV3 } from '../OrSlider-dd967591.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-037600c1.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-8b4d1d64.js';

package/dist/esm/v2/components/or-range-slider-v3/OrRangeSlider.vue.d.ts

@@ -12,19 +12,28 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
     offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to" | undefined>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHoveringOffset: import("@vue/composition-api").Ref<boolean>;
     isHoveringTrack: import("@vue/composition-api").Ref<boolean>;
     isHoveringFiller: import("@vue/composition-api").Ref<boolean>;
@@ -35,19 +44,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<[number, number]>;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -58,29 +67,29 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => RangeSliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => RangeSliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<[number, number]>;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -91,12 +100,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => RangeSliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => RangeSliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: [number, number];
@@ -105,7 +114,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -121,19 +130,28 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     offsetStyles: import("@vue/composition-api").ComputedRef<string[]>;
     offsetComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
     selectedControl: import("@vue/composition-api").Ref<"from" | "to" | undefined>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHoveringOffset: import("@vue/composition-api").Ref<boolean>;
     isHoveringTrack: import("@vue/composition-api").Ref<boolean>;
     isHoveringFiller: import("@vue/composition-api").Ref<boolean>;
@@ -148,7 +166,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -159,7 +177,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-range-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-2fba4c60.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-eadc5fc6.js';
+export { _ as OrRangeSliderV3 } from '../../OrRangeSlider-7a377862.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/components/or-slider-v3/OrSlider.vue.d.ts

@@ -8,32 +8,37 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -44,29 +49,29 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => SliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => SliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
-        default: undefined;
+        default: () => undefined;
     };
     minValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 0;
     };
     maxValue: {
         type: NumberConstructor;
-        default: number;
+        default: () => 100;
     };
     step: {
         type: NumberConstructor;
-        default: number;
+        default: () => 1;
     };
     breakpoints: {
         type: PropType<number[]>;
@@ -77,12 +82,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: () => SliderColor.Primary;
     };
     orientation: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed">;
         default: () => SliderOrientation.Horizontal;
     };
     disabled: {
         type: BooleanConstructor;
-        default: boolean;
+        default: () => false;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: number;
@@ -91,7 +96,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -103,14 +108,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackComputedStyles: import("@vue/composition-api").ComputedRef<{
-        [x: string]: string;
-    }>;
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
     thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
     breakpointMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
-    getBreakpointOffset: (breakpoint: number) => number;
+    tooltipPlacement: import("@vue/composition-api").ComputedRef<"top" | "right" | undefined>;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -120,7 +130,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -131,7 +141,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     step: number;
     breakpoints: number[];
     color: "primary" | "secondary";
-    orientation: "horizontal" | "vertical";
+    orientation: "horizontal" | "horizontal-reversed" | "vertical" | "vertical-reversed";
     disabled: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-slider-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrSliderV3 } from '../../OrSlider-dd60a4a1.js';
-export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-eadc5fc6.js';
+export { _ as OrSliderV3 } from '../../OrSlider-dd967591.js';
+export { S as SliderColor, a as SliderOrientation } from '../../OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/components/or-slider-v3/props.d.ts

@@ -4,5 +4,7 @@ export declare enum SliderColor {
 }
 export declare enum SliderOrientation {
     Horizontal = "horizontal",
-    Vertical = "vertical"
+    HorizontalReversed = "horizontal-reversed",
+    Vertical = "vertical",
+    VerticalReversed = "vertical-reversed"
 }

package/dist/esm/v2/index.js

@@ -92,9 +92,9 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-d2019e2f.js';
 export { _ as OrRadioV3 } from './OrRadio-c1b7cde1.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-2fba4c60.js';
-export { _ as OrSliderV3 } from './OrSlider-dd60a4a1.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-eadc5fc6.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-7a377862.js';
+export { _ as OrSliderV3 } from './OrSlider-dd967591.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-037600c1.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-8b4d1d64.js';