@onereach/ui-components 10.4.5-beta.4373.0 → 10.5.0-beta.4375.0

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: undefined,
+      type: Number,
       default: undefined
     },
     minValue: {
@@ -35,7 +35,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: () => []
+      default: []
     },
     color: {
       type: String,
@@ -57,13 +57,15 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs & Styles
+    // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-slider-v3', ...Slider, ...SliderOrientations[props.orientation]]);
     const rail = ref();
+    const thumb = ref();
+    // Styles
+    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 trackInlineStyles = computed(() => {
+    const trackComputedStyles = computed(() => {
       switch (props.orientation) {
         case SliderOrientation.Horizontal:
         case SliderOrientation.HorizontalReversed:
@@ -77,7 +79,6 @@ 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]]);
@@ -87,7 +88,9 @@ var script = defineComponent({
       defaultValue: toRef(props, 'minValue')
     });
     const internalModelValue = computed({
-      get: () => (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue),
+      get: () => {
+        return (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) => {
@@ -99,7 +102,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(undefined).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(null).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) {
@@ -186,12 +189,12 @@ var script = defineComponent({
     });
     return {
       root,
-      rootStyles,
       rail,
+      thumb,
+      rootStyles,
       railStyles,
       trackStyles,
-      trackInlineStyles,
-      thumb,
+      trackComputedStyles,
       thumbStyles,
       breakpointMarkStyles,
       labelStyles,
@@ -228,7 +231,7 @@ var __vue_render__ = function () {
     }
   }, [_c('div', {
     class: _vm.trackStyles,
-    style: _vm.trackInlineStyles,
+    style: _vm.trackComputedStyles,
     attrs: {
       "disabled": _vm.disabled
     }
@@ -284,7 +287,7 @@ var __vue_render__ = function () {
       style: _vm.getBreakpointMarkComputedStyles(breakpoint),
       attrs: {
         "disabled": _vm.disabled,
-        "force-state": _vm.highlightedBreakpoint === breakpoint ? 'hover' : undefined
+        "force-state": _vm.highlightedBreakpoint === breakpoint ? 'hover' : null
       },
       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, SliderModelValue, SliderOrientation } from './types';
+import { SliderColor, SliderOrientation } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumb: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    trackInlineStyles: import("@vue/composition-api").ComputedRef<{
+    trackComputedStyles: 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: PropType<SliderModelValue>;
+        type: NumberConstructor;
         default: undefined;
     };
     minValue: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: () => never[];
+        default: number[];
     };
     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: PropType<SliderModelValue>;
+        type: NumberConstructor;
         default: undefined;
     };
     minValue: {
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: () => never[];
+        default: number[];
     };
     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: SliderModelValue;
+    modelValue: number;
     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>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumb: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     railStyles: import("@vue/composition-api").ComputedRef<string[]>;
     trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    trackInlineStyles: import("@vue/composition-api").ComputedRef<{
+    trackComputedStyles: 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: SliderModelValue;
+    modelValue: number;
     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: SliderModelValue;
+    modelValue: number;
     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 './types';
+export * from './props';

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

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

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

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

package/dist/bundled/v2/{types-977c9542.js → components/OrSliderV3/props.js}

@@ -11,4 +11,4 @@ var SliderOrientation;
   SliderOrientation["VerticalReversed"] = "vertical-reversed";
 })(SliderOrientation || (SliderOrientation = {}));
 
-export { SliderColor as S, SliderOrientation as a };
+export { SliderColor, SliderOrientation };

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

@@ -1,4 +1,4 @@
-import { SliderColor, SliderOrientation } from './types';
+import { SliderColor, SliderOrientation } from './props';
 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 { a as SliderOrientation, S as SliderColor } from '../../types-977c9542.js';
+import { SliderOrientation, SliderColor } from './props.js';
 
 const Slider = [
 // Interactivity
@@ -91,18 +91,18 @@ const SliderThumb = [
 const SliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
-  'theme-border-primary border-4', 'dark:theme-border-primary-dark',
+  'theme-border-4-primary', 'dark:theme-border-4-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-primary active:outline-10', 'dark:active:theme-outline-primary-dark'],
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
-  'theme-border-secondary border-4', 'dark:theme-border-secondary-dark',
+  'theme-border-4-secondary', 'dark:theme-border-4-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-secondary active:outline-10', 'dark:active:theme-outline-secondary-dark']
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
 };
 const SliderBreakpointMark = [
 // Position

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

@@ -17,9 +17,9 @@ const SwitchControl = [
 // Spacing (checked)
 'checked:px-[3px]', 'active:checked:px-[2px]',
 // Theme
-'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-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 (focus)
-'focus-visible:theme-outline-primary focus-visible:outline-2', 'dark:focus-visible:theme-outline-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [
@@ -37,7 +37,7 @@ const SwitchLoader = [
 // Shape
 'rounded-full',
 // Theme
-'theme-border-outline border-1', 'dark:theme-border-outline-dark'];
+'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
 const SwitchLoaderHandle = [
 // Layout
 'after:absolute',

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

@@ -8,18 +8,18 @@ const Tab = [
 // Typography
 'typography-body-2-bold',
 // Theme
-'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-transparent border-b-2', 'dark:theme-border-transparent-dark',
+'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-underline', 'theme-border-2-transparent', 'dark:theme-border-2-transparent-dark',
 // Theme (hover)
 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
 // Theme (active)
-'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-current active:border-b-2', 'dark:active:theme-border-current-dark',
+'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-underline', 'active:theme-border-2-current', 'dark:active:theme-border-2-current-dark',
 // Theme (selected)
-'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-current selected:border-b-2', 'dark:selected:theme-border-current-dark',
+'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-underline', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current-dark',
 // Theme (invalid)
 'invalid:theme-foreground-error', 'dark:invalid:theme-foreground-error-dark',
-// Theme (invalid + hover)
+// Theme (invalid/hover)
 'hover:invalid:md:theme-foreground-error-hover', 'dark:hover:invalid:md:theme-foreground-error-hover-dark',
-// Theme (invalid + active)
-'active:invalid:theme-foreground-error', 'dark:active:invalid:theme-foreground-error-dark', 'active:invalid:theme-border-current active:invalid:border-b-2', 'dark:active:invalid:theme-border-current-dark'];
+// Theme (invalid/active)
+'active:invalid:theme-foreground-error', 'dark:active:invalid:theme-foreground-error-dark', 'active:invalid:theme-border-underline', 'active:invalid:theme-border-2-current', 'dark:active:invalid:theme-border-2-current-dark'];
 
 export { Tab };

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

@@ -9,7 +9,7 @@ const Tabs = [
 // Layout
 'grid grid-flow-col items-center shrink-0',
 // Theme
-'theme-border-outline border-b-1', 'dark:theme-border-outline'];
+'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
 const TabsVariants = {
   'default': [
   // Layout

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -38,7 +38,7 @@ var script = defineComponent({
   props: {
     modelValue: {
       type: undefined,
-      default: () => []
+      default: []
     },
     label: {
       type: String,
@@ -119,7 +119,7 @@ var script = defineComponent({
     });
     const activated = ref(false);
     const proxyModelValue = useProxyModelValue(modelValue, context.emit);
-    const draftModelValue = ref();
+    const draftModelValue = ref('');
     const tagsItems = computed(() => {
       return toArray(proxyModelValue.value).map(item => ({
         label: item,
@@ -136,13 +136,13 @@ var script = defineComponent({
     const maxLength = computed(() => controlAttributes.maxlength);
     const controlInlineStyles = computed(() => {
       var _a, _b;
-      const chars = draftModelValue.value ? draftModelValue.value.length : currentLength.value === 0 ? (_b = (_a = placeholder.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 : 0;
+      const chars = draftModelValue.value.length > 0 ? draftModelValue.value.length : currentLength.value === 0 ? (_b = (_a = placeholder.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 : 0;
       return {
         width: `${Math.max(chars + 1 || 0, 3)}ch`
       };
     });
     const showControl = computed(() => {
-      return draftModelValue.value || currentLength.value === 0 || activated.value;
+      return draftModelValue.value.length > 0 || currentLength.value === 0 || activated.value;
     });
     const tagsProps = computed(() => ({
       variant: readonly.value || disabled.value || !activated.value ? 'tag' : 'reset',
@@ -234,7 +234,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-37594aa5]{min-width:0;background:0 0;outline:0}";
+var css_248z = "input[data-v-150fb01c]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -432,7 +432,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-37594aa5";
+const __vue_scope_id__ = "data-v-150fb01c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         id: string | undefined;
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<TagInputModelValue>;
-    draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     tagsItems: import("@vue/composition-api").ComputedRef<TagObject[]>;
     tagsProps: import("@vue/composition-api").ComputedRef<{
         variant: string;
@@ -43,7 +43,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     activated: import("@vue/composition-api").Ref<boolean>;
-    showControl: import("@vue/composition-api").ComputedRef<string | boolean>;
+    showControl: import("@vue/composition-api").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
     add: () => void;
@@ -55,7 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<TagInputModelValue>;
-        default: () => never[];
+        default: string[];
     };
     label: {
         type: StringConstructor;
@@ -108,7 +108,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<TagInputModelValue>;
-        default: () => never[];
+        default: string[];
     };
     label: {
         type: StringConstructor;
@@ -207,7 +207,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         id: string | undefined;
     };
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<TagInputModelValue>;
-    draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
+    draftModelValue: import("@vue/composition-api").Ref<string>;
     tagsItems: import("@vue/composition-api").ComputedRef<TagObject[]>;
     tagsProps: import("@vue/composition-api").ComputedRef<{
         variant: string;
@@ -216,7 +216,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     activated: import("@vue/composition-api").Ref<boolean>;
-    showControl: import("@vue/composition-api").ComputedRef<string | boolean>;
+    showControl: import("@vue/composition-api").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
     add: () => void;

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-4c3ee648.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-4c3ee648.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fee94ad6.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -130,8 +130,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a;
-        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
+        var _a, _b;
+        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
       }
     });
     const draftTo = computed({
@@ -140,8 +140,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a;
-        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
+        var _a, _b;
+        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
       }
     });
     const activeControl = ref('from');
@@ -157,7 +157,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
     }
     function openPopover(control) {
       if (!props.readonly && !props.disabled) {

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-695b64df.js';
+export { _ as default } from '../../OrTree-05236e5e.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-695b64df.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-05236e5e.js';

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

@@ -23,7 +23,6 @@ export * from './or-combined-input-v3';
 export * from './or-confirm';
 export * from './or-confirm-v3';
 export * from './or-context-menu-v3';
-export * from './or-data-grid-v3';
 export * from './or-date-format-v3';
 export * from './or-date-picker-v3';
 export * from './or-date-range-picker-v3';

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

@@ -44,7 +44,6 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-cf40b2ad.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,9 +51,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-6ad2c7af.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-5492e55e.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-4c3ee648.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-aecff613.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-fee94ad6.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-305e36b3.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
 export { getCurrentDate } from './OrDateTimePickerV3/utils/getCurrentDate.js';
@@ -87,14 +86,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-fbe2fb48.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-cd938ec4.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { InputBoxSize, InputBoxVariant } from './OrInputBoxV3/props.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-41dd90cc.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-8f24749f.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';
@@ -102,7 +101,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-b1a93a99.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-13470725.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -159,7 +158,7 @@ export { default as OrSkeletonRectV3 } from './OrSkeletonRectV3/OrSkeletonRect.j
 export { default as OrSkeletonTextV3 } from './OrSkeletonTextV3/OrSkeletonText.js';
 export { default as OrSlider } from './OrSlider/OrSlider.js';
 export { default as OrSliderV3 } from './OrSliderV3/OrSlider.js';
-export { S as SliderColor, a as SliderOrientation } from '../types-977c9542.js';
+export { SliderColor, SliderOrientation } from './OrSliderV3/props.js';
 export { default as OrSortingV3 } from './OrSortingV3/OrSorting.js';
 export { default as OrStatusV3 } from './OrStatusV3/OrStatus.js';
 export { StatusSize, StatusVariant } from './OrStatusV3/props.js';
@@ -202,4 +201,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-695b64df.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-05236e5e.js';