@onereach/ui-components 8.18.3 → 8.18.4-beta.3950.0

package/dist/esm/v2/{OrDatePicker-0a22ea42.js → OrDatePicker-587e47a7.js}

@@ -342,11 +342,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       }
     }
   })], 1), _vm._v(" "), _c('div', {

package/dist/esm/v2/{OrDateRangePicker-14e9413a.js → OrDateRangePicker-5506d401.js}

@@ -453,11 +453,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       }
     }
   })], 1), _vm._v(" "), _c('div', {

package/dist/esm/v2/{OrDateTimePicker-c95b1582.js → OrDateTimePicker-981f0e01.js}

@@ -176,11 +176,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.datePopover.close();
+        _vm.datePopover && _vm.datePopover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.datePopover.close();
+        _vm.datePopover && _vm.datePopover.close();
       }
     }
   })], 1), _vm._v(" "), _c('OrPopover', {
@@ -229,11 +229,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.timePopover.close();
+        _vm.timePopover && _vm.timePopover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.timePopover.close();
+        _vm.timePopover && _vm.timePopover.close();
       }
     }
   })], 1), _vm._v(" "), _c('div', {

package/dist/esm/v2/{OrNotification-8f24d0ea.js → OrNotification-086a8246.js}

@@ -13,7 +13,7 @@ var NotificationVariant;
 
 const Notification = [
 // Layout
-'layout-row !items-start',
+'layout-row',
 // Shape
 'rounded-md',
 // Spacing
@@ -27,22 +27,22 @@ const Notification = [
 // Theme
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const NotificationVariants = {
-  'success': [
+  [NotificationVariant.Success]: [
   // Theme
   'theme-background-success-container', 'dark:theme-background-success-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-success', 'dark:[&_:any-link]:theme-foreground-success-dark'],
-  'warning': [
+  [NotificationVariant.Warning]: [
   // Theme
   'theme-background-warning-container', 'dark:theme-background-warning-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-warning', 'dark:[&_:any-link]:theme-foreground-warning-dark'],
-  'error': [
+  [NotificationVariant.Error]: [
   // Theme
   'theme-background-error-container', 'dark:theme-background-error-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-error', 'dark:[&_:any-link]:theme-foreground-error-dark'],
-  'info': [
+  [NotificationVariant.Info]: [
   // Theme
   'theme-background-primary-container', 'dark:theme-background-primary-container-dark',
   // Theme (children)
@@ -50,16 +50,16 @@ const NotificationVariants = {
 };
 const NotificationIcon = [];
 const NotificationIconVariants = {
-  'success': [
+  [NotificationVariant.Success]: [
   // Theme
   'theme-foreground-success', 'dark:theme-foreground-success-dark'],
-  'warning': [
+  [NotificationVariant.Warning]: [
   // Theme
   'theme-foreground-warning', 'dark:theme-foreground-warning-dark'],
-  'error': [
+  [NotificationVariant.Error]: [
   // Theme
   'theme-foreground-error', 'dark:theme-foreground-error-dark'],
-  'info': [
+  [NotificationVariant.Info]: [
   // Theme
   'theme-foreground-primary', 'dark:theme-foreground-primary-dark']
 };
@@ -120,15 +120,14 @@ var __vue_render__ = function () {
   return _c('div', {
     ref: "root",
     class: _vm.rootStyles
-  }, [_c('div', {
-    class: _vm.iconStyles
   }, [_c('OrIcon', {
+    class: _vm.iconStyles,
     attrs: {
       "icon": _vm.icon,
       "variant": 'filled-bold'
     }
-  })], 1), _vm._v(" "), _c('div', {
-    class: ['grow', 'my-[-2px] md:my-[-3px]']
+  }), _vm._v(" "), _c('div', {
+    class: ['grow']
   }, [_vm._t("default")], 2), _vm._v(" "), !_vm.disableClose ? _c('OrIconButton', {
     attrs: {
       "icon": 'close',

package/dist/esm/v2/{OrTimePicker-cd42023a.js → OrTimePicker-aa6f9dac.js}

@@ -328,11 +328,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       }
     }
   })], 1), _vm._v(" "), _c('div', {

package/dist/esm/v2/{OrTimeRangePicker-39820fd8.js → OrTimeRangePicker-e6973f8d.js}

@@ -111,9 +111,9 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
     const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
     // State
-    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
+    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : [getCurrentDate(), getCurrentDate()]);
     watch(() => props.modelValue, value => {
-      initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
+      initialValue.value = value !== null && value !== void 0 ? value : [getCurrentDate(), getCurrentDate()];
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draftModelValue = ref((_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : [undefined, undefined]);
@@ -371,7 +371,7 @@ var __vue_render__ = function () {
   }, [_vm.isDesktop || _vm.isMobile && _vm.selectedControl === 'from' ? [_c('OrDateTimePickerTimeSelect', {
     class: ['grow'],
     attrs: {
-      "initial-value": _vm.initialValue,
+      "initial-value": _vm.initialValue[0],
       "format": _vm.format
     },
     model: {
@@ -384,7 +384,7 @@ var __vue_render__ = function () {
   })] : _vm._e(), _vm._v(" "), _vm.isDesktop || _vm.isMobile && _vm.selectedControl === 'to' ? [_c('OrDateTimePickerTimeSelect', {
     class: ['grow'],
     attrs: {
-      "initial-value": _vm.initialValue,
+      "initial-value": _vm.initialValue[1],
       "format": _vm.format
     },
     model: {
@@ -401,11 +401,11 @@ var __vue_render__ = function () {
     on: {
       "apply": function ($event) {
         _vm.apply();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       },
       "reset": function ($event) {
         _vm.reset();
-        _vm.popover.close();
+        _vm.popover && _vm.popover.close();
       }
     }
   })], 1), _vm._v(" "), _c('div', {

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

@@ -38,11 +38,11 @@ export { _ as OrContextMenuV3 } from '../OrContextMenu-c8932997.js';
 export { _ as OrMenuV3 } from '../OrMenu-8802ee12.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-7d9405fb.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-5e3b12fc.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-0a22ea42.js';
-export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-14e9413a.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-587e47a7.js';
+export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-5506d401.js';
 export { _ as OrDateTimeFormatV3 } from '../OrDateTimeFormat-30e78da3.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-84b5e159.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-c95b1582.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-981f0e01.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-441799e2.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-3b2885bf.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
@@ -79,7 +79,7 @@ export { _ as OrMenuItemV3 } from '../OrMenuItem-fbe3e8e4.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-2a962f80.js';
 export { M as ModalSize, _ as OrModalV3 } from '../OrModal-333f7706.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-4957a85a.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-8f24d0ea.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-086a8246.js';
 export { _ as OrNumberInput } from '../OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-b867545d.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
@@ -134,8 +134,8 @@ export { _ as OrTextarea } from '../OrTextarea-9febab19.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-bb0b0e63.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-2ae0ee03.js';
 export { _ as OrTimeFormatV3 } from '../OrTimeFormat-f88cbf6f.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-cd42023a.js';
-export { _ as OrTimeRangePickerV3 } from '../OrTimeRangePicker-39820fd8.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-aa6f9dac.js';
+export { _ as OrTimeRangePickerV3 } from '../OrTimeRangePicker-e6973f8d.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-3085d81a.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-7e602e28.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-0a22ea42.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-587e47a7.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDateRangePickerV3 } from '../../OrDateRangePicker-14e9413a.js';
+export { _ as OrDateRangePickerV3 } from '../../OrDateRangePicker-5506d401.js';
 export { I as DateRangePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';

package/dist/esm/v2/components/or-date-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-c95b1582.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-981f0e01.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-441799e2.js';
 export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../getTimePlaceholder-3b2885bf.js';
 export { g as getCurrentDate } from '../../getCurrentDate-046a888d.js';

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

@@ -1,4 +1,4 @@
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-8f24d0ea.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-086a8246.js';
 import 'vue-demi';
 import '../../OrIconButton-9502a78a.js';
 import '../../OrIcon-3f99ef27.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-cd42023a.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-aa6f9dac.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-4f842ab1.js';
 import '../../OrDateTimePickerTimeSelect-441799e2.js';
 export { D as TimePickerFormat } from '../../getTimePlaceholder-3b2885bf.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-39820fd8.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-e6973f8d.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-4f842ab1.js';
 import '../../OrDateTimePickerTimeSelect-441799e2.js';
 export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-3b2885bf.js';

package/dist/esm/v2/index.js

@@ -38,11 +38,11 @@ export { _ as OrContextMenuV3 } from './OrContextMenu-c8932997.js';
 export { _ as OrMenuV3 } from './OrMenu-8802ee12.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-7d9405fb.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-5e3b12fc.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-0a22ea42.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-14e9413a.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-587e47a7.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-5506d401.js';
 export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-30e78da3.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-84b5e159.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c95b1582.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-981f0e01.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-441799e2.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-3b2885bf.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -79,7 +79,7 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-fbe3e8e4.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-2a962f80.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-333f7706.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-4957a85a.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-8f24d0ea.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-086a8246.js';
 export { _ as OrNumberInput } from './OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-b867545d.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
@@ -134,8 +134,8 @@ export { _ as OrTextarea } from './OrTextarea-9febab19.js';
 export { _ as OrTextareaV3 } from './OrTextarea-bb0b0e63.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-2ae0ee03.js';
 export { _ as OrTimeFormatV3 } from './OrTimeFormat-f88cbf6f.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-cd42023a.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-39820fd8.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-aa6f9dac.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-e6973f8d.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-3085d81a.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-7e602e28.js';

package/dist/esm/v3/{OrDateFormat-5fee3e3a.js → OrDateFormat-3fbec49a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import './OrDateTimePickerTimeSelect-486f2486.js';
 import { f as formatDate } from './getTimePlaceholder-fd41baed.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';

package/dist/esm/v3/{OrDatePicker-ee7d02bc.js → OrDatePicker-ca8e9c09.js}

@@ -5,7 +5,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-486f2486.js';
 import './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -291,11 +291,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[3] || (_cache[3] = $event => {
           _ctx.apply();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         }),
         onReset: _cache[4] || (_cache[4] = $event => {
           _ctx.reset();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */

package/dist/esm/v3/{OrDateRangePicker-2fd73580.js → OrDateRangePicker-4ae9c7fe.js}

@@ -5,7 +5,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-486f2486.js';
 import './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -356,11 +356,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[10] || (_cache[10] = $event => {
           _ctx.apply();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         }),
         onReset: _cache[11] || (_cache[11] = $event => {
           _ctx.reset();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */

package/dist/esm/v3/{OrDateTimeFormat-0c9deda2.js → OrDateTimeFormat-37315ed6.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import './OrDateTimePickerTimeSelect-486f2486.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-fd41baed.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';

package/dist/esm/v3/{OrDateTimePicker-647ff5f1.js → OrDateTimePicker-ef033b4b.js}

@@ -369,11 +369,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[4] || (_cache[4] = $event => {
           _ctx.apply();
-          _ctx.datePopover.close();
+          _ctx.datePopover && _ctx.datePopover.close();
         }),
         onReset: _cache[5] || (_cache[5] = $event => {
           _ctx.reset();
-          _ctx.datePopover.close();
+          _ctx.datePopover && _ctx.datePopover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */
@@ -416,11 +416,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[8] || (_cache[8] = $event => {
           _ctx.apply();
-          _ctx.timePopover.close();
+          _ctx.timePopover && _ctx.timePopover.close();
         }),
         onReset: _cache[9] || (_cache[9] = $event => {
           _ctx.reset();
-          _ctx.timePopover.close();
+          _ctx.timePopover && _ctx.timePopover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */

package/dist/esm/v3/{OrNotification-9a3790cc.js → OrNotification-f9ae23fe.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-f9897ff9.js';
 import { s as script$1 } from './OrIcon-b2e2d0aa.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
 var NotificationVariant;
 (function (NotificationVariant) {
@@ -13,7 +13,7 @@ var NotificationVariant;
 
 const Notification = [
 // Layout
-'layout-row !items-start',
+'layout-row',
 // Shape
 'rounded-md',
 // Spacing
@@ -27,22 +27,22 @@ const Notification = [
 // Theme
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const NotificationVariants = {
-  'success': [
+  [NotificationVariant.Success]: [
   // Theme
   'theme-background-success-container', 'dark:theme-background-success-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-success', 'dark:[&_:any-link]:theme-foreground-success-dark'],
-  'warning': [
+  [NotificationVariant.Warning]: [
   // Theme
   'theme-background-warning-container', 'dark:theme-background-warning-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-warning', 'dark:[&_:any-link]:theme-foreground-warning-dark'],
-  'error': [
+  [NotificationVariant.Error]: [
   // Theme
   'theme-background-error-container', 'dark:theme-background-error-container-dark',
   // Theme (children)
   '[&_:any-link]:theme-foreground-error', 'dark:[&_:any-link]:theme-foreground-error-dark'],
-  'info': [
+  [NotificationVariant.Info]: [
   // Theme
   'theme-background-primary-container', 'dark:theme-background-primary-container-dark',
   // Theme (children)
@@ -50,16 +50,16 @@ const NotificationVariants = {
 };
 const NotificationIcon = [];
 const NotificationIconVariants = {
-  'success': [
+  [NotificationVariant.Success]: [
   // Theme
   'theme-foreground-success', 'dark:theme-foreground-success-dark'],
-  'warning': [
+  [NotificationVariant.Warning]: [
   // Theme
   'theme-foreground-warning', 'dark:theme-foreground-warning-dark'],
-  'error': [
+  [NotificationVariant.Error]: [
   // Theme
   'theme-foreground-error', 'dark:theme-foreground-error-dark'],
-  'info': [
+  [NotificationVariant.Info]: [
   // Theme
   'theme-foreground-primary', 'dark:theme-foreground-primary-dark']
 };
@@ -110,7 +110,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow', 'my-[-2px] md:my-[-3px]'])
+  class: /*#__PURE__*/normalizeClass(['grow'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
@@ -118,12 +118,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", {
-    class: normalizeClass(_ctx.iconStyles)
   }, [createVNode(_component_OrIcon, {
+    class: normalizeClass(_ctx.iconStyles),
     icon: _ctx.icon,
     variant: 'filled-bold'
-  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), !_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
+  }, null, 8 /* PROPS */, ["class", "icon"]), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), !_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
     key: 0,
     icon: 'close',
     size: 'm',

package/dist/esm/v3/{OrTimeFormat-a256b6f2.js → OrTimeFormat-1aa5352c.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import './OrDateTimePickerTimeSelect-486f2486.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-fd41baed.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';

package/dist/esm/v3/{OrTimePicker-b1c40457.js → OrTimePicker-e8fd78ba.js}

@@ -5,7 +5,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-486f2486.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -283,11 +283,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[2] || (_cache[2] = $event => {
           _ctx.apply();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         }),
         onReset: _cache[3] || (_cache[3] = $event => {
           _ctx.reset();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */

package/dist/esm/v3/{OrTimeRangePicker-9c8ece38.js → OrTimeRangePicker-d852fcc9.js}

@@ -5,7 +5,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-647ff5f1.js';
+import './OrDateTimePicker-ef033b4b.js';
 import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-486f2486.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
@@ -110,9 +110,9 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
     const popoverStyles = computed(() => ['or-time-range-picker-popover-v3', ...TimeRangePickerPopover]);
     // State
-    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
+    const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : [getCurrentDate(), getCurrentDate()]);
     watch(() => props.modelValue, value => {
-      initialValue.value = value !== null && value !== void 0 ? value : getCurrentDate();
+      initialValue.value = value !== null && value !== void 0 ? value : [getCurrentDate(), getCurrentDate()];
     });
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draftModelValue = ref((_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : [undefined, undefined]);
@@ -308,24 +308,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.draftModelValueFrom,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.draftModelValueFrom = $event),
         class: normalizeClass(['grow']),
-        "initial-value": _ctx.initialValue,
+        "initial-value": _ctx.initialValue[0],
         format: _ctx.format
       }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format"])) : createCommentVNode("v-if", true), _ctx.isDesktop || _ctx.isMobile && _ctx.selectedControl === 'to' ? (openBlock(), createBlock(_component_OrDateTimePickerTimeSelect, {
         key: 1,
         modelValue: _ctx.draftModelValueTo,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.draftModelValueTo = $event),
         class: normalizeClass(['grow']),
-        "initial-value": _ctx.initialValue,
+        "initial-value": _ctx.initialValue[1],
         format: _ctx.format
       }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format"])) : createCommentVNode("v-if", true)]), createVNode(_component_OrDateTimePickerPopoverFooter, {
         disabled: _ctx.isInvalidDraftModelValue,
         onApply: _cache[6] || (_cache[6] = $event => {
           _ctx.apply();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         }),
         onReset: _cache[7] || (_cache[7] = $event => {
           _ctx.reset();
-          _ctx.popover.close();
+          _ctx.popover && _ctx.popover.close();
         })
       }, null, 8 /* PROPS */, ["disabled"])]),
       _: 1 /* STABLE */

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

@@ -34,12 +34,12 @@ export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-c5fe5075.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-5174d0f9.js';
 export { s as OrMenuV3 } from '../OrMenu-192543a9.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-79d76269.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-5fee3e3a.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-ee7d02bc.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-2fd73580.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-0c9deda2.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-3fbec49a.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-ca8e9c09.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-4ae9c7fe.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-37315ed6.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-c4af9468.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-647ff5f1.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-ef033b4b.js';
 export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-486f2486.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-fd41baed.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
@@ -76,7 +76,7 @@ export { s as OrMenuItemV3 } from '../OrMenuItem-2928ba60.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-3c54883e.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-4daecffd.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-2d33afd5.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-9a3790cc.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-f9ae23fe.js';
 export { s as OrNumberInput } from '../OrNumberInput-e9dcdcbd.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-3c860fb5.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
@@ -129,9 +129,9 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-da1a2d16.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-58d3a7c7.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-a256b6f2.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-b1c40457.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-9c8ece38.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-1aa5352c.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-e8fd78ba.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-d852fcc9.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-e817636c.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-b34c8879.js';

package/dist/esm/v3/components/or-date-format-v3/index.js

@@ -1,6 +1,6 @@
-export { s as OrDateFormatV3 } from '../../OrDateFormat-5fee3e3a.js';
+export { s as OrDateFormatV3 } from '../../OrDateFormat-3fbec49a.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-647ff5f1.js';
+import '../../OrDateTimePicker-ef033b4b.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';