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

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-8f24749f.js';
+import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
+import { _ as __vue_component__$1 } from '../../OrInput-41dd90cc.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
@@ -19,8 +19,8 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: String,
-      default: ''
+      type: undefined,
+      default: undefined
     },
     size: {
       type: String,
@@ -40,39 +40,41 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'search', 'clear'],
-  expose: ['root', 'focus', 'blur', 'clear'],
+  expose: ['root', 'clear', 'focus', 'blur'],
   setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-search-v3']);
-    // State
     const controlAttributes = reactive({
       id: useIdAttribute(),
       ...useControlAttributes(),
       ...useValidationAttributes()
     });
-    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const draftModelValue = ref(props.modelValue);
-    watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-search-v3']);
+    // State
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const draft = ref(props.modelValue);
+    watch(model, value => {
+      draft.value = value;
     });
-    watchDebounced(draftModelValue, value => {
-      if (value.length > 0) {
-        proxyModelValue.value = value;
-        context.emit('search', value);
+    watchDebounced(draft, value => {
+      if (value) {
+        context.emit('search', model.value = value);
       }
     }, {
       debounce: toRef(props, 'debounce')
     });
-    watch(draftModelValue, (nextValue, prevValue) => {
-      if (nextValue.length === 0 && prevValue.length > 0) {
-        proxyModelValue.value = nextValue;
-        context.emit('search', '');
+    watch(draft, (nextValue, prevValue) => {
+      if (!nextValue && prevValue) {
+        context.emit('search', model.value = nextValue);
         context.emit('clear');
       }
     });
     // Methods
+    function clear() {
+      var _a;
+      (_a = root.value) === null || _a === void 0 ? void 0 : _a.clear(); // fixes error TS2349
+    }
+
     function focus() {
       var _a;
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.focus(); // fixes error TS2349
@@ -83,18 +85,15 @@ var script = defineComponent({
       (_a = root.value) === null || _a === void 0 ? void 0 : _a.blur(); // fixes error TS2349
     }
 
-    function clear() {
-      draftModelValue.value = '';
-    }
     return {
+      controlAttributes,
       root,
       rootStyles,
-      controlAttributes,
-      proxyModelValue,
-      draftModelValue,
+      model,
+      draft,
+      clear,
       focus,
-      blur,
-      clear
+      blur
     };
   }
 });
@@ -134,11 +133,11 @@ var __vue_render__ = function () {
       }
     },
     model: {
-      value: _vm.draftModelValue,
+      value: _vm.draft,
       callback: function ($$v) {
-        _vm.draftModelValue = typeof $$v === 'string' ? $$v.trim() : $$v;
+        _vm.draft = $$v;
       },
-      expression: "draftModelValue"
+      expression: "draft"
     }
   }, 'OrInput', _vm.controlAttributes, false));
 };

package/dist/bundled/v2/components/OrSearchV3/OrSearch.vue.d.ts

@@ -1,12 +1,7 @@
 import { PropType } from 'vue-demi';
 import { InputBoxSize } from '../or-input-box-v3';
+import { SearchModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: 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, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -20,15 +15,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    draftModelValue: import("@vue/composition-api").Ref<string>;
+    root: 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, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    model: import("../../hooks").UseProxyModelValueReturn<SearchModelValue>;
+    draft: import("@vue/composition-api").Ref<SearchModelValue>;
+    clear: () => void;
     focus: () => void;
     blur: () => void;
-    clear: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: StringConstructor;
-        default: string;
+        type: PropType<SearchModelValue>;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -48,8 +49,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
-        default: string;
+        type: PropType<SearchModelValue>;
+        default: undefined;
     };
     size: {
         type: PropType<"m" | "s">;
@@ -68,7 +69,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: string;
+    modelValue: SearchModelValue;
     size: "m" | "s";
     placeholder: string;
     debounce: number;
@@ -76,12 +77,6 @@ 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<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlAttributes: {
         required: boolean | undefined;
         minlength: number | undefined;
@@ -95,13 +90,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
-    draftModelValue: import("@vue/composition-api").Ref<string>;
+    root: 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, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    model: import("../../hooks").UseProxyModelValueReturn<SearchModelValue>;
+    draft: import("@vue/composition-api").Ref<SearchModelValue>;
+    clear: () => void;
     focus: () => void;
     blur: () => void;
-    clear: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: string;
+    modelValue: SearchModelValue;
     size: "m" | "s";
     placeholder: string;
     debounce: number;
@@ -109,7 +110,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string;
+    modelValue: SearchModelValue;
     size: "m" | "s";
     placeholder: string;
     debounce: number;

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

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

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

@@ -0,0 +1,2 @@
+import { ModelValue } from '../../types';
+export type SearchModelValue = ModelValue<string>;

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.js

@@ -125,7 +125,7 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: String,

package/dist/bundled/v2/components/OrSegmentedControlV3/OrSegmentedControl.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SegmentedControlOption[]>;
-        default: SegmentedControlOption[];
+        default: () => never[];
     };
     modelValue: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SegmentedControlOption[]>;
-        default: SegmentedControlOption[];
+        default: () => never[];
     };
     modelValue: {
         type: StringConstructor;

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -15,7 +15,7 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-8f24749f.js';
+import { _ as __vue_component__$c } from '../../OrInput-41dd90cc.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
@@ -250,11 +250,11 @@ var script$2 = defineComponent({
     },
     model: {
       type: undefined,
-      default: []
+      default: () => []
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     overflow: {
       type: String,
@@ -464,7 +464,7 @@ var script$1 = defineComponent({
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     placeholder: {
       type: String,
@@ -618,11 +618,11 @@ var script = defineComponent({
     },
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     multiple: {
       type: Boolean,
@@ -823,7 +823,7 @@ var script = defineComponent({
       if (props.multiple) {
         proxyModelValue.value = exclude(item.value, toArray(proxyModelValue.value));
       } else {
-        proxyModelValue.value = null;
+        proxyModelValue.value = undefined;
       }
     }
     function toggleOption(item) {
@@ -835,7 +835,7 @@ var script = defineComponent({
           proxyModelValue.value = exclude(item.value, model);
         }
       } else {
-        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : null;
+        proxyModelValue.value = proxyModelValue.value !== item.value ? item.value : undefined;
       }
       searchText.value = '';
     }

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -64,11 +64,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     options: {
         type: PropType<SelectItem[]>;
-        default: SelectItem[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectItem[]>;
-        default: SelectItem[];
+        default: () => never[];
     };
     multiple: {
         type: BooleanConstructor;
@@ -137,11 +137,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     options: {
         type: PropType<SelectItem[]>;
-        default: SelectItem[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectItem[]>;
-        default: SelectItem[];
+        default: () => never[];
     };
     multiple: {
         type: BooleanConstructor;

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

@@ -25,7 +25,7 @@ const SelectDropdown = [
 // Box
 'max-h-[340px]',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark'];
 const SelectDropdownDefault = [
 // Shape
 'rounded-b-md',

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

@@ -47,7 +47,7 @@ const SidebarFooter = [
 // Overflow
 'overflow-hidden',
 // Theme
-'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+'theme-border-outline-variant border-t-1', 'dark:theme-border-outline-variant-dark'];
 const SidebarFooterPaddings = {
   [ResizeablePanelPadding.L]: [
   // Box

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,7 +1,7 @@
 import { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { SliderColor, SliderOrientation } from './props.js';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
+import { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
 import { c as clamp } from '../../index-279e78b9.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
@@ -18,7 +18,7 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Number,
+      type: undefined,
       default: undefined
     },
     minValue: {
@@ -35,7 +35,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -57,15 +57,13 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    const rail = ref();
-    const thumb = ref();
-    // Styles
     const rootStyles = computed(() => ['or-slider-v3', ...Slider, ...SliderOrientations[props.orientation]]);
+    const rail = ref();
     const railStyles = computed(() => ['or-slider-rail-v3', ...SliderRail, ...SliderRailOrientations[props.orientation]]);
     const trackStyles = computed(() => [...SliderTrack, ...SliderTrackColors[props.color]]);
-    const trackComputedStyles = computed(() => {
+    const trackInlineStyles = computed(() => {
       switch (props.orientation) {
         case SliderOrientation.Horizontal:
         case SliderOrientation.HorizontalReversed:
@@ -79,6 +77,7 @@ var script = defineComponent({
           };
       }
     });
+    const thumb = ref();
     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]]);
@@ -88,9 +87,7 @@ var script = defineComponent({
       defaultValue: toRef(props, 'minValue')
     });
     const internalModelValue = computed({
-      get: () => {
-        return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
-      },
+      get: () => (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue),
       set: value => {
         const modelValue = value * (props.maxValue - props.minValue) + props.minValue;
         proxyModelValue.value = internalBreakpoints.value.reduce((a, b) => {
@@ -102,7 +99,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) {
@@ -189,12 +186,12 @@ var script = defineComponent({
     });
     return {
       root,
-      rail,
-      thumb,
       rootStyles,
+      rail,
       railStyles,
       trackStyles,
-      trackComputedStyles,
+      trackInlineStyles,
+      thumb,
       thumbStyles,
       breakpointMarkStyles,
       labelStyles,
@@ -231,7 +228,7 @@ var __vue_render__ = function () {
     }
   }, [_c('div', {
     class: _vm.trackStyles,
-    style: _vm.trackComputedStyles,
+    style: _vm.trackInlineStyles,
     attrs: {
       "disabled": _vm.disabled
     }
@@ -287,7 +284,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/OrSliderV3/OrSlider.vue.d.ts

@@ -1,19 +1,19 @@
 import { PropType } from 'vue-demi';
-import { SliderColor, SliderOrientation } from './props';
+import { SliderColor, SliderModelValue, SliderOrientation } 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>;
-    thumb: 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[]>;
     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>;
+    thumb: 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[]>;
@@ -26,7 +26,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: NumberConstructor;
+        type: PropType<SliderModelValue>;
         default: undefined;
     };
     minValue: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -65,7 +65,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
+        type: PropType<SliderModelValue>;
         default: undefined;
     };
     minValue: {
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -103,7 +103,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;
+    modelValue: SliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;
@@ -118,18 +118,18 @@ 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>;
-    thumb: 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[]>;
     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>;
+    thumb: 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[]>;
@@ -141,7 +141,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isHovering: import("@vue/composition-api").Ref<boolean>;
     isDragging: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: number;
+    modelValue: SliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;
@@ -155,7 +155,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: number;
+    modelValue: SliderModelValue;
     minValue: number;
     maxValue: number;
     step: number;

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

@@ -1,2 +1,2 @@
 export { default as OrSliderV3 } from './OrSlider.vue';
-export * from './props';
+export * from './types';

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

@@ -1,2 +1,2 @@
 export { default as OrSliderV3 } from './OrSlider.js';
-export { SliderColor, SliderOrientation } from './props.js';
+export { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';

package/dist/bundled/v2/components/OrSliderV3/styles.d.ts

@@ -1,4 +1,4 @@
-import { SliderColor, SliderOrientation } from './props';
+import { SliderColor, SliderOrientation } from './types';
 export declare const Slider: string[];
 export declare const SliderOrientations: Record<SliderOrientation, string[]>;
 export declare const SliderRail: string[];

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

@@ -1,4 +1,4 @@
-import { SliderOrientation, SliderColor } from './props.js';
+import { a as SliderOrientation, S as SliderColor } from '../../types-977c9542.js';
 
 const Slider = [
 // Interactivity
@@ -91,18 +91,18 @@ const SliderThumb = [
 const SliderThumbColors = {
   [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 SliderBreakpointMark = [
 // Position

package/dist/bundled/v2/components/OrSliderV3/{props.d.ts → types.d.ts}

@@ -1,3 +1,5 @@
+import { ModelValue } from '../../types';
+export type SliderModelValue = ModelValue<number>;
 export declare enum SliderColor {
     Primary = "primary",
     Secondary = "secondary"