@onereach/ui-components 4.6.2-beta.2783.0 → 4.6.2

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

@@ -1,6 +1,7 @@
 export { default as OrSelectV3 } from './OrSelect.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
+import '../../utils/isEmptyValue.js';
 import './styles.js';
 import '../OrCheckboxV3/OrCheckbox.js';
 import '@vueuse/core';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-61faaa61.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-2a5772a9.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -133,7 +133,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
+    const rootStyles = computed(() => ['or-time-picker', ...TimePicker]);
     const popoverStyles = computed(() => [...TimePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();
@@ -245,31 +245,7 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
-    },
-    scopedSlots: _vm._u([{
-      key: "addon",
-      fn: function () {
-        return [_vm.modelValue ? [_c('OrIconButton', {
-          attrs: {
-            "icon": 'close',
-            "color": 'inherit',
-            "disabled": _vm.readonly || _vm.disabled
-          },
-          on: {
-            "click": function ($event) {
-              $event.stopPropagation();
-              return _vm.$emit('update:modelValue', undefined);
-            }
-          }
-        })] : [_c('OrIcon', {
-          attrs: {
-            "icon": 'calendar_month',
-            "variant": 'outlined'
-          }
-        })]];
-      },
-      proxy: true
-    }])
+    }
   }, [_c('OrDateTimePickerTimeControl', {
     directives: [{
       name: "dropdown-open",
@@ -340,7 +316,26 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
+  }), _vm._v(" "), _c('div', {
+    class: ['layout-inline-row']
+  }, [_vm.modelValue ? [_c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "color": 'inherit',
+      "disabled": _vm.readonly || _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('update:modelValue', undefined);
+      }
+    }
+  })] : [_c('OrIcon', {
+    attrs: {
+      "icon": 'calendar_month',
+      "variant": 'outlined'
+    }
+  })]], 2)], 1), _vm._v(" "), !_vm.error ? [_vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }

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

@@ -2,7 +2,7 @@ export { default as OrTimePickerV3 } from './OrTimePicker.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerPopoverHeader-61faaa61.js';
+import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
@@ -14,7 +14,7 @@ import '../OrLoaderV3/OrLoader.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-2a5772a9.js';
+import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -205,6 +205,7 @@ import '../hooks/useControlAttributes.js';
 import '../hooks/useValidationAttributes.js';
 import './OrCardV3/styles.js';
 import './OrCarousel/constants.js';
+import '../utils/isEmptyValue.js';
 import './OrCheckboxV3/styles.js';
 import './OrCheckboxTreeV3/styles.js';
 import '../utils/functions/flattenDeep.js';
@@ -218,14 +219,14 @@ import './OrCombinedInputV3/styles.js';
 import '../index-968c331a.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-30f79990.js';
+import '../OrDateTimePickerMonthSelect-75089f80.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-61faaa61.js';
+import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
 import 'lodash/padStart';
-import '../OrDateTimePickerTimeSelect-2a5772a9.js';
+import '../OrDateTimePickerTimeSelect-3d0ef650.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v2/index.js

@@ -194,16 +194,16 @@ import './components/OrCombinedInputV3/styles.js';
 import './index-968c331a.js';
 import './components/OrConfirmV3/styles.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-30f79990.js';
+import './OrDateTimePickerMonthSelect-75089f80.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import './OrDateTimePickerPopoverHeader-61faaa61.js';
+import './OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './components/OrDatePickerV3/styles.js';
 import 'lodash/padStart';
 import './utils/functions/dom.js';
 import 'lodash/isElement';
 import 'lodash/get';
 import './utils/functions/px-to-rem.js';
-import './OrDateTimePickerTimeSelect-2a5772a9.js';
+import './OrDateTimePickerTimeSelect-3d0ef650.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';
@@ -222,6 +222,7 @@ import './components/OrSegmentedControlV3/styles.js';
 import './utils/isEmpty.js';
 import 'lodash/keyBy';
 import './components/OrSelect/constants.js';
+import './utils/isEmptyValue.js';
 import './components/OrSelectV3/styles.js';
 import './components/OrSidebarV3/styles.js';
 import 'lodash/range';

package/dist/bundled/v2/utils/isEmpty.d.ts

@@ -1 +1 @@
-export declare const isEmpty: (val: any) => boolean;
+export declare function isEmpty(val: any): boolean;

package/dist/bundled/v2/utils/isEmpty.js

@@ -1,3 +1,5 @@
-const isEmpty = val => val == null || !(Object.keys(val) || val).length;
+function isEmpty(val) {
+  return val == null || !(Object.keys(val) || val).length;
+}
 
 export { isEmpty };

package/dist/bundled/v2/utils/isEmptyValue.d.ts

@@ -0,0 +1 @@
+export declare function isEmptyValue(val: string | number | boolean | null | undefined): boolean;

package/dist/bundled/v2/utils/isEmptyValue.js

@@ -0,0 +1,5 @@
+function isEmptyValue(val) {
+  return val === undefined || val === null || val === '';
+}
+
+export { isEmptyValue };

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-c3c54670.js → OrButton.vue_vue_type_script_lang-cc8aa3a7.js}

@@ -3,7 +3,7 @@ import { BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE } from './comp
 import './components/OrIcon/OrIcon.js';
 import './components/OrLoader/OrLoader.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
-import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-27847e63.js';
+import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import { LoaderViews } from './components/OrLoader/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-ccc178b8.js → OrButton.vue_vue_type_script_lang-e9677805.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue-demi';
 import { OrButtonColors, OrButtonViews } from './components/OrButton/constants.js';
 import './components/OrLoader/OrLoader.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-27847e63.js';
+import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-a1fed697.js';
 import { LoaderViews } from './components/OrLoader/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-1dfa1d6c.js → OrCardCollection.vue_vue_type_script_lang-1f2d30f3.js}

@@ -4,10 +4,10 @@ import './components/OrCard/OrCard.js';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-81561dd8.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrSearch/OrSearch.js';
-import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-f5158c63.js';
+import { s as script$3 } from './OrSearch.vue_vue_type_script_lang-8dbecb52.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 var script = defineComponent({
   name: 'OrCardCollection',

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-f2d222a5.js → OrCardCollection.vue_vue_type_script_lang-34390dfe.js}

@@ -11,7 +11,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$5 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-940d8e1f.js';
+import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-0bcc597c.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-75c6053a.js → OrCheckbox.vue_vue_type_script_lang-cfeb4a4e.js}

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
+import { isEmptyValue } from './utils/isEmptyValue.js';
 import { CheckboxRoot, CheckboxControl, CheckboxControlHandle } from './components/OrCheckboxV3/styles.js';
 import './components/OrLabelV3/OrLabel.js';
 import { LabelVariant } from './components/OrLabelV3/props.js';
@@ -66,7 +67,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });

package/dist/bundled/v3/{OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js → OrCheckboxGroup.vue_vue_type_script_lang-f931fc03.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-7e5bebf5.js';
 import './components/OrFormGroupV3/OrFormGroup.js';
 import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
 import { FormGroupDirection } from './components/OrFormGroupV3/props.js';

package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js → OrCheckboxTree.vue_vue_type_script_lang-7e5bebf5.js}

@@ -4,7 +4,7 @@ import { CheckboxTreeRoot, CheckboxTreeRootParent } from './components/OrCheckbo
 import flattenDeep from './utils/functions/flattenDeep.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
+import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-cfeb4a4e.js';
 import './components/OrButtonV3/OrButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$3 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-0a713357.js → OrCode.vue_vue_type_script_lang-5bfa4f9c.js}

@@ -7,11 +7,11 @@ import { OrCodeLanguages } from './components/OrCode/constants.js';
 import theme from './components/OrCode/theme.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrModal/OrModal.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-0cc960ad.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-05916fd8.js';
 import './components/OrError/OrError.js';
 import './components/OrHint/OrHint.js';
 import './components/OrLabel/OrLabel.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-50cf8d05.js → OrConfirm.vue_vue_type_script_lang-2cb65fae.js}

@@ -2,12 +2,12 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-968c331a.js';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-c3c54670.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-cc8aa3a7.js';
 import './components/OrModal/OrModal.js';
 import './components/OrInput/OrInput.js';
 import { BUTTON_COLOR } from './components/OrButtonV2/constants.js';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-0cc960ad.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-05916fd8.js';
 import { s as script$3 } from './OrInput.vue_vue_type_script_lang-5404596e.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b1b13331.js → OrConfirm.vue_vue_type_script_lang-e1390930.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-d08b3796.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-6242286b.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-31f5d798.js → OrDatePicker.vue_vue_type_script_lang-d071d109.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-98b935cb.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-eff55bd9.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-387c2096.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -16,7 +16,7 @@ import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
-import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { s as script$d } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
@@ -112,7 +112,7 @@ var script = defineComponent({
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-picker-v3', ...DatePicker]);
+    const rootStyles = computed(() => ['or-date-picker', ...DatePicker]);
     const popoverStyles = computed(() => [...DatePickerPopover]);
     // State
     const initialModelValue = useCurrentDate();

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-a0354296.js → OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-98b935cb.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-eff55bd9.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-2f1a2767.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-387c2096.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-8bdb97b7.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -15,7 +15,7 @@ import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
-import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { s as script$f } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import { DropdownClose } from './directives/dropdown-close.js';
@@ -128,7 +128,7 @@ var script = defineComponent({
       return (_a = timePopover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
+    const rootStyles = computed(() => ['or-date-time-picker', ...DateTimePicker]);
     const datePopoverStyles = computed(() => [...DateTimePickerDatePopover]);
     const timePopoverStyles = computed(() => [...DateTimePickerTimePopover]);
     // State

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-9eeb7b20.js → OrDateTimePicker.vue_vue_type_script_lang-b8045270.js}

@@ -17,7 +17,7 @@ import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-35fdcade.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 var script$1 = defineComponent({
   name: 'OrDateTimePickerCalendarItem',

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-98b935cb.js → OrDateTimePickerMonthSelect-387c2096.js}

@@ -52,7 +52,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-control', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -165,7 +165,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-date-select-v3', ...DateTimePickerDateSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-date-select', ...DateTimePickerDateSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
@@ -330,7 +330,7 @@ var script = defineComponent({
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-month-select', ...DateTimePickerMonthSelect]);
     // State
     const proxyModelValue = computed({
       get: () => {

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-eff55bd9.js → OrDateTimePickerPopoverHeader-f81b902f.js}

@@ -32,7 +32,7 @@ var script$2 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-mobile-control', ...DateTimePickerMobileControl]);
     const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
     return {
       root,
@@ -80,7 +80,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-footer', ...DateTimePickerPopoverFooter]);
     return {
       root,
       rootStyles
@@ -124,7 +124,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
+    const rootStyles = computed(() => ['or-date-time-picker-popover-header', ...DateTimePickerPopoverHeader]);
     return {
       root,
       rootStyles

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-2f1a2767.js → OrDateTimePickerTimeSelect-8bdb97b7.js}

@@ -44,7 +44,7 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
@@ -149,7 +149,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
+    const rootStyles = computed(() => ['or-date-time-picker-time-select', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
     // State

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js → OrIconButton.vue_vue_type_script_lang-b5d5718b.js}

@@ -6,7 +6,7 @@ import { ICON_BUTTON_TYPE, HTML_BUTTON_TYPE, BUTTON_SIZE, BUTTON_COLOR } from '.
 import './components/OrIcon/OrIcon.js';
 import './components/OrLoader/OrLoader.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
-import { s as script$4 } from './OrLoader.vue_vue_type_script_lang-27847e63.js';
+import { s as script$4 } from './OrLoader.vue_vue_type_script_lang-a1fed697.js';
 
 /** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
 var script$1 = defineComponent({

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-1f6e165b.js → OrInlineTextEdit.vue_vue_type_script_lang-f669de9e.js}

@@ -8,7 +8,7 @@ import './components/OrError/OrError.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-35fdcade.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 var script = defineComponent({
   name: 'OrInlineTextEdit',

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-d08b3796.js → OrInput.vue_vue_type_script_lang-6242286b.js}

@@ -9,7 +9,7 @@ import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import './components/OrInputBoxV3/OrInputBox.js';
-import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import './components/OrLabelV3/OrLabel.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import './components/OrLoaderV3/OrLoader.js';

package/dist/bundled/v3/OrInputBox.vue_vue_type_script_lang-a21db166.js

@@ -0,0 +1,42 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { InputBoxVariant, InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { InputBoxRoot, InputBoxRootVariants, InputBoxRootSizes } from './components/OrInputBoxV3/styles.js';
+
+var script = defineComponent({
+  name: 'OrInputBox',
+  props: {
+    variant: {
+      type: String,
+      default: InputBoxVariant.Styled
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-d305eadc.js → OrList.vue_vue_type_script_lang-29a5842e.js}

@@ -9,8 +9,8 @@ import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-c3c54670.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-cc8aa3a7.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
 
 /**!

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-b13756a1.js → OrListOfInputs.vue_vue_type_script_lang-740154ee.js}

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-d305eadc.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-29a5842e.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrInput.vue_vue_type_script_lang-5404596e.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-0cc960ad.js → OrModal.vue_vue_type_script_lang-05916fd8.js}

@@ -4,7 +4,7 @@ import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 /*!
 * tabbable 6.1.1

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-50d99f88.js → OrNotification.vue_vue_type_script_lang-4e5a04fa.js}

@@ -3,7 +3,7 @@ import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotif
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 /** HTML links are styled by default to match notification type */
 var script = defineComponent({

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-8ce757fb.js → OrOverflowMenu.vue_vue_type_script_lang-1b4af3a6.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-c3c54670.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-cc8aa3a7.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d01f7507.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-a82a53ab.js → OrPassword.vue_vue_type_script_lang-28c99eb3.js}

@@ -5,7 +5,7 @@ import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-5404596e.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
 
 var script = defineComponent({
   name: 'OrPassword',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-940d8e1f.js → OrSearch.vue_vue_type_script_lang-0bcc597c.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-d08b3796.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-6242286b.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({