@onereach/ui-components 4.6.1-beta.2770.0 → 4.6.1

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    isActive: import("@vue/composition-api").Ref<boolean>;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -32,10 +32,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -43,18 +39,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
+        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
+        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
+        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
+        required: false;
         default: boolean;
     };
     disabled: {
@@ -64,25 +64,30 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationError: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
-        default: boolean;
+        required: false;
+        default: undefined;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -90,18 +95,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
+        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
+        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
+        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
+        required: false;
         default: boolean;
     };
     disabled: {
@@ -111,22 +120,30 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        default: undefined;
+        required: false;
+        default: null;
     };
     textConfirmationError: {
         type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        required: false;
         default: undefined;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -137,6 +154,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
+    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -156,7 +174,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
     touched: import("@vue/composition-api").Ref<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    isActive: import("@vue/composition-api").Ref<boolean>;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -170,7 +188,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onInputFocus: () => void;
     onInputBlur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -181,10 +198,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
+    isOpen: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -195,5 +212,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
+    isOpen: boolean;
 }, true>);
 export default _default;

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

@@ -40,7 +40,6 @@ import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0072ef90.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-aab75fad.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -24,7 +24,6 @@ import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../OrPopoverV3/props.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
@@ -292,7 +291,7 @@ var __vue_render__ = function () {
       "placement": 'bottom-start'
     },
     on: {
-      "close": function ($event) {
+      "update:state:closed-automatically": function ($event) {
         return _vm.reset();
       }
     }
@@ -348,6 +347,7 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
+        $event.stopPropagation();
         return _vm.$emit('update:modelValue', undefined);
       }
     }

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

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-0072ef90.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -33,13 +33,12 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-aab75fad.js';
+import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import padStart from 'lodash/padStart';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from '../../utils/functions/dom.js';
@@ -12,17 +12,21 @@ import __vue_component__$4 from '../OrError/OrError.js';
 import __vue_component__$5 from '../OrHint/OrHint.js';
 import __vue_component__$6 from '../OrCollapse/OrCollapse.js';
 import __vue_component__$7 from '../OrIconButtonV2/OrIconButton.js';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../OrTooltip/OrTooltip.js';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 
 var script$1 = defineComponent({
@@ -62,9 +66,9 @@ var script$1 = defineComponent({
         case OrDateTimePickerItemTypes.day:
           return '' + ((_a = this.value) === null || _a === void 0 ? void 0 : _a.getDate());
         case OrDateTimePickerItemTypes.hours:
-          return _.padStart('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
+          return padStart('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
         case OrDateTimePickerItemTypes.minutes:
-          return _.padStart('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
+          return padStart('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
         default:
           throw new Error('Unknown type');
       }
@@ -85,7 +89,7 @@ var script$1 = defineComponent({
   }
 });
 
-var css_248z$1 = "@keyframes spinAround-data-v-aab9bd0a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-aab9bd0a{from{opacity:1}to{opacity:0}}.or-calendar-item[data-v-aab9bd0a]{width:1.75rem;height:1.75rem;font-size:var(--fs-0);font-weight:400;line-height:1.75rem;color:var(--c-neutral-6);text-align:center;border-radius:50%}.or-calendar-item.is-disabled[data-v-aab9bd0a]{color:var(--c-neutral-4)}.or-calendar-item.is-current[data-v-aab9bd0a]{background-color:var(--c-neutral-2)}.or-calendar-item:not(.is-disabled).is-selected[data-v-aab9bd0a]{font-weight:700;color:var(--c-neutral-0);background-color:var(--c-primary)}.or-calendar-item:not(.is-disabled).is-selected[data-v-aab9bd0a]:hover{background-color:var(--c-primary-lighten-20)}.or-calendar-item[data-v-aab9bd0a]:not(.is-disabled):hover{cursor:pointer;background-color:var(--c-neutral-1)}";
+var css_248z$1 = "@keyframes spinAround-data-v-3db0fac6{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-3db0fac6{from{opacity:1}to{opacity:0}}.or-calendar-item[data-v-3db0fac6]{width:1.75rem;height:1.75rem;font-size:var(--fs-0);font-weight:400;line-height:1.75rem;color:var(--c-neutral-6);text-align:center;border-radius:50%}.or-calendar-item.is-disabled[data-v-3db0fac6]{color:var(--c-neutral-4)}.or-calendar-item.is-current[data-v-3db0fac6]{background-color:var(--c-neutral-2)}.or-calendar-item:not(.is-disabled).is-selected[data-v-3db0fac6]{font-weight:700;color:var(--c-neutral-0);background-color:var(--c-primary)}.or-calendar-item:not(.is-disabled).is-selected[data-v-3db0fac6]:hover{background-color:var(--c-primary-lighten-20)}.or-calendar-item[data-v-3db0fac6]:not(.is-disabled):hover{cursor:pointer;background-color:var(--c-neutral-1)}";
 styleInject(css_248z$1);
 
 /* script */
@@ -111,7 +115,7 @@ var __vue_staticRenderFns__$1 = [];
 /* style */
 const __vue_inject_styles__$1 = undefined;
 /* scoped */
-const __vue_scope_id__$1 = "data-v-aab9bd0a";
+const __vue_scope_id__$1 = "data-v-3db0fac6";
 /* module identifier */
 const __vue_module_identifier__$1 = undefined;
 /* functional template */
@@ -240,7 +244,7 @@ var script = defineComponent({
     inputHours: {
       get: function () {
         if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getHours(), 2, '0');
+        return padStart('' + this.modelValue.getHours(), 2, '0');
       },
       set: function (val) {
         var _a;
@@ -254,7 +258,7 @@ var script = defineComponent({
     inputMinutes: {
       get: function () {
         if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getMinutes(), 2, '0');
+        return padStart('' + this.modelValue.getMinutes(), 2, '0');
       },
       set: function (val) {
         var _a;
@@ -271,15 +275,15 @@ var script = defineComponent({
     },
     dateValue() {
       if (!this.modelValue) return '';
-      const year = _.padStart('' + this.modelValue.getFullYear(), 4, '0');
-      const month = _.padStart('' + (this.modelValue.getMonth() + 1), 2, '0');
-      const day = _.padStart('' + this.modelValue.getDate(), 2, '0');
+      const year = padStart('' + this.modelValue.getFullYear(), 4, '0');
+      const month = padStart('' + (this.modelValue.getMonth() + 1), 2, '0');
+      const day = padStart('' + this.modelValue.getDate(), 2, '0');
       return `${year}-${month}-${day}`;
     },
     timeValue() {
       if (!this.modelValue) return '';
-      const hours = _.padStart('' + this.modelValue.getHours(), 2, '0');
-      const minutes = _.padStart('' + this.modelValue.getMinutes(), 2, '0');
+      const hours = padStart('' + this.modelValue.getHours(), 2, '0');
+      const minutes = padStart('' + this.modelValue.getMinutes(), 2, '0');
       return `${hours}:${minutes}`;
     },
     isInactive() {
@@ -478,7 +482,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-23ab5e3c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-23ab5e3c{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-23ab5e3c]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-23ab5e3c]{width:100%!important}.or-date-time-picker.is-date-type[data-v-23ab5e3c]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-23ab5e3c]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-23ab5e3c]{width:11.25rem}.or-date-time-picker .or-label[data-v-23ab5e3c]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-23ab5e3c]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-23ab5e3c]{position:relative;width:100%;height:2.25rem;padding:.625rem;font-size:var(--fs-1);line-height:1rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:var(--s-2);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color}.or-date-time-picker-input-wrapper[data-v-23ab5e3c]:not(.is-readonly):hover{cursor:pointer;background-color:var(--c-neutral-0)}.or-date-time-picker-input-wrapper.is-disabled[data-v-23ab5e3c],.or-date-time-picker-input-wrapper[data-v-23ab5e3c]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-23ab5e3c]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-23ab5e3c]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-23ab5e3c]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-23ab5e3c]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-23ab5e3c],.or-date-time-picker-input-wrapper.has-error[data-v-23ab5e3c]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-23ab5e3c],.or-date-time-picker-input-wrapper .value[data-v-23ab5e3c]{display:flex;flex-direction:row;justify-content:space-between;width:100%;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-23ab5e3c]{color:var(--c-neutral-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.content[data-v-23ab5e3c]{display:flex;flex-direction:column;text-align:center;background-color:var(--c-neutral-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.content .picker-header[data-v-23ab5e3c]{display:flex;flex-direction:row;gap:var(--s-3);justify-content:space-between;padding:var(--s-4) var(--s-3);font-size:var(--fs-1);font-weight:700;color:var(--c-neutral-6);text-align:center}.content .picker-header-centered[data-v-23ab5e3c]{margin:auto}.content .calendar[data-v-23ab5e3c]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-23ab5e3c]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1);color:var(--c-neutral-4)}.content .calendar-week-days>*[data-v-23ab5e3c]{width:var(--s-6)}.content .calendar-days[data-v-23ab5e3c]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-23ab5e3c]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}.content .time-footer[data-v-23ab5e3c]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;line-height:var(--s-6);text-align:center;border-top:1px solid var(--c-neutral-2)}.content .time-footer input[data-v-23ab5e3c]::-webkit-inner-spin-button,.content .time-footer input[data-v-23ab5e3c]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content .time-footer input[type=number][data-v-23ab5e3c]{-moz-appearance:textfield}.content .time-footer-input[data-v-23ab5e3c]{font-size:var(--fs-0);text-align:center;border:none}.content .time-footer-input[data-v-23ab5e3c].focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-footer-input[data-v-23ab5e3c]:focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-table[data-v-23ab5e3c]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-23ab5e3c]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-23ab5e3c]{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.content .time-table-column-time-row[data-v-23ab5e3c]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}";
+var css_248z = "@keyframes spinAround-data-v-e391315e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-e391315e{from{opacity:1}to{opacity:0}}.or-date-time-picker[data-v-e391315e]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.or-date-time-picker.is-fullwidth[data-v-e391315e]{width:100%!important}.or-date-time-picker.is-date-type[data-v-e391315e]{width:7.125rem}.or-date-time-picker.is-time-type[data-v-e391315e]{width:7.125rem}.or-date-time-picker.is-date-time-type[data-v-e391315e]{width:11.25rem}.or-date-time-picker .or-label[data-v-e391315e]{margin-bottom:var(--s-1)}.or-date-time-picker-info[data-v-e391315e]{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--s-2)}.or-date-time-picker-input-wrapper[data-v-e391315e]{position:relative;width:100%;height:2.25rem;padding:.625rem;font-size:var(--fs-1);line-height:1rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:var(--s-2);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color}.or-date-time-picker-input-wrapper[data-v-e391315e]:not(.is-readonly):hover{cursor:pointer;background-color:var(--c-neutral-0)}.or-date-time-picker-input-wrapper.is-disabled[data-v-e391315e],.or-date-time-picker-input-wrapper[data-v-e391315e]:disabled{cursor:not-allowed;background-color:var(--c-neutral-2);border-color:var(--c-neutral-2)}.or-date-time-picker-input-wrapper.has-error[data-v-e391315e]{border-color:var(--c-error)}@media (hover:hover) and (pointer:fine){.or-date-time-picker-input-wrapper.has-error[data-v-e391315e]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-date-time-picker-input-wrapper.has-error[data-v-e391315e]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover{border-color:var(--c-error-darken-3)}}.or-date-time-picker-input-wrapper.has-error[data-v-e391315e]:not(:disabled):not(.is-readonly):not(.is-loading):focus{border-color:var(--c-error-darken-5)}.or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-e391315e],.or-date-time-picker-input-wrapper.has-error[data-v-e391315e]:disabled{cursor:not-allowed;border-color:var(--c-error-lighten-20)}.or-date-time-picker-input-wrapper .placeholder[data-v-e391315e],.or-date-time-picker-input-wrapper .value[data-v-e391315e]{display:flex;flex-direction:row;justify-content:space-between;width:100%;white-space:nowrap;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:opacity}.or-date-time-picker-input-wrapper .placeholder[data-v-e391315e]{color:var(--c-neutral-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.content[data-v-e391315e]{display:flex;flex-direction:column;text-align:center;background-color:var(--c-neutral-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.content .picker-header[data-v-e391315e]{display:flex;flex-direction:row;gap:var(--s-3);justify-content:space-between;padding:var(--s-4) var(--s-3);font-size:var(--fs-1);font-weight:700;color:var(--c-neutral-6);text-align:center}.content .picker-header-centered[data-v-e391315e]{margin:auto}.content .calendar[data-v-e391315e]{padding:0 var(--s-3) var(--s-3);font-size:var(--fs-0);line-height:.875rem}.content .calendar-week-days[data-v-e391315e]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--s-1);color:var(--c-neutral-4)}.content .calendar-week-days>*[data-v-e391315e]{width:var(--s-6)}.content .calendar-days[data-v-e391315e]{display:flex;flex-direction:column;gap:var(--s-2)}.content .calendar-days-row[data-v-e391315e]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}.content .time-footer[data-v-e391315e]{display:inline-flex;flex-direction:row;justify-content:space-between;width:100%;line-height:var(--s-6);text-align:center;border-top:1px solid var(--c-neutral-2)}.content .time-footer input[data-v-e391315e]::-webkit-inner-spin-button,.content .time-footer input[data-v-e391315e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content .time-footer input[type=number][data-v-e391315e]{-moz-appearance:textfield}.content .time-footer-input[data-v-e391315e]{font-size:var(--fs-0);text-align:center;border:none}.content .time-footer-input[data-v-e391315e].focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-footer-input[data-v-e391315e]:focus-visible{background-color:var(--c-neutral-2);outline:0}.content .time-table[data-v-e391315e]{display:flex;flex-direction:row;gap:var(--s-4)}.content .time-table-column[data-v-e391315e]{display:flex;flex-direction:column}.content .time-table-column-time[data-v-e391315e]{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-3) var(--s-3)}.content .time-table-column-time-row[data-v-e391315e]{display:flex;flex-direction:row;gap:var(--s-2);justify-content:space-around}";
 styleInject(css_248z);
 
 /* script */
@@ -740,7 +744,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-23ab5e3c";
+const __vue_scope_id__ = "data-v-e391315e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -1,9 +1,11 @@
 export { default as OrDateTimePicker } from './OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './constants.js';
-import 'lodash';
+import 'lodash/padStart';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../../utils/functions/px-to-rem.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -19,9 +21,11 @@ import '../OrHint/OrHint.js';
 import '../OrCollapse/OrCollapse.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../OrTooltip/OrTooltip.js';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0072ef90.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-aab75fad.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ce94b9a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75089f80.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 { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -25,7 +25,6 @@ import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
-import '../../hooks/usePopoverState.js';
 import '../OrPopoverV3/props.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
@@ -367,7 +366,7 @@ var __vue_render__ = function () {
       "placement": 'bottom-start'
     },
     on: {
-      "close": function ($event) {
+      "update:state:closed-automatically": function ($event) {
         return _vm.reset();
       }
     }
@@ -427,7 +426,7 @@ var __vue_render__ = function () {
       "placement": 'bottom-start'
     },
     on: {
-      "close": function ($event) {
+      "update:state:closed-automatically": function ($event) {
         return _vm.reset();
       }
     }
@@ -475,6 +474,7 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
+        $event.stopPropagation();
         return _vm.$emit('update:modelValue', undefined);
       }
     }

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

@@ -2,7 +2,7 @@ export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-0072ef90.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -33,17 +33,16 @@ import '../OrTeleportV3/OrTeleport.js';
 import 'portal-vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-aab75fad.js';
+import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-7ce94b9a.js';
+import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -7,7 +7,8 @@ import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
-import 'lodash';
+import 'lodash/isElement';
+import 'lodash/get';
 
 var script = defineComponent({
   name: 'OrFloating',

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

@@ -7,5 +7,6 @@ import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../utils/functions/dom.js';
-import 'lodash';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -9,13 +8,12 @@ var script = defineComponent({
     hint: {
       type: String,
       default: '',
-      required: true,
-      validator: _.isString
+      required: true
     }
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-10d48dda{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-10d48dda{from{opacity:1}to{opacity:0}}.or-hint[data-v-10d48dda]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}";
+var css_248z = "@keyframes spinAround-data-v-779f2bda{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-779f2bda{from{opacity:1}to{opacity:0}}.or-hint[data-v-779f2bda]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-4)}";
 styleInject(css_248z);
 
 /* script */
@@ -36,7 +34,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-10d48dda";
+const __vue_scope_id__ = "data-v-779f2bda";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrHint/OrHint.vue.d.ts

@@ -4,14 +4,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<string>;
         default: string;
         required: true;
-        validator: (value?: any) => value is string;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     hint: {
         type: PropType<string>;
         default: string;
         required: true;
-        validator: (value?: any) => value is string;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     hint: string;

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

@@ -1,5 +1,4 @@
 export { default as OrHint } from './OrHint.js';
 import 'vue-demi';
-import 'lodash';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,5 +1,4 @@
 import { defineComponent, ref } from 'vue-demi';
-import _ from 'lodash';
 import { OrIconType } from './constants.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrTooltipContent/OrTooltipContent.js';
@@ -12,6 +11,8 @@ import '../OrTeleport/OrTeleport.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';
 
 var script = defineComponent({
   name: 'OrIcon',
@@ -84,7 +85,12 @@ var script = defineComponent({
       return ['or-icon-root', this.$attrs.class];
     },
     localAttrs() {
-      return _.omit(this.$attrs, 'class');
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
+      const {
+        class: _,
+        ...rest
+      } = this.$attrs;
+      return rest;
     }
   },
   methods: {
@@ -97,7 +103,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-1b53d778{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1b53d778{from{opacity:1}to{opacity:0}}.or-icon-root[data-v-1b53d778]{position:relative;display:inline-flex}.or-icon[data-v-1b53d778]{display:inline-flex;font-size:1.25rem;color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-icon.with-tooltip[data-v-1b53d778]{cursor:pointer}.or-icon.is-primary-color[data-v-1b53d778]{color:var(--c-primary)}.or-icon.is-warning-color[data-v-1b53d778]{color:var(--c-warning)}.or-icon.is-success-color[data-v-1b53d778]{color:var(--c-success)}.or-icon.is-error-color[data-v-1b53d778]{color:var(--c-error)}.or-icon.is-neutral-0-color[data-v-1b53d778]{color:var(--c-neutral-0)}.or-icon.is-neutral-1-color[data-v-1b53d778]{color:var(--c-neutral-1)}.or-icon.is-neutral-2-color[data-v-1b53d778]{color:var(--c-neutral-2)}.or-icon.is-neutral-3-color[data-v-1b53d778]{color:var(--c-neutral-3)}.or-icon.is-neutral-4-color[data-v-1b53d778]{color:var(--c-neutral-4)}.or-icon.is-neutral-5-color[data-v-1b53d778]{color:var(--c-neutral-5)}.or-icon.is-neutral-6-color[data-v-1b53d778]{color:var(--c-neutral-6)}.or-icon.is-disabled[data-v-1b53d778],.or-icon[data-v-1b53d778]:disabled{cursor:not-allowed}";
+var css_248z = "@keyframes spinAround-data-v-7f81d526{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7f81d526{from{opacity:1}to{opacity:0}}.or-icon-root[data-v-7f81d526]{position:relative;display:inline-flex}.or-icon[data-v-7f81d526]{display:inline-flex;font-size:1.25rem;color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-icon.with-tooltip[data-v-7f81d526]{cursor:pointer}.or-icon.is-primary-color[data-v-7f81d526]{color:var(--c-primary)}.or-icon.is-warning-color[data-v-7f81d526]{color:var(--c-warning)}.or-icon.is-success-color[data-v-7f81d526]{color:var(--c-success)}.or-icon.is-error-color[data-v-7f81d526]{color:var(--c-error)}.or-icon.is-neutral-0-color[data-v-7f81d526]{color:var(--c-neutral-0)}.or-icon.is-neutral-1-color[data-v-7f81d526]{color:var(--c-neutral-1)}.or-icon.is-neutral-2-color[data-v-7f81d526]{color:var(--c-neutral-2)}.or-icon.is-neutral-3-color[data-v-7f81d526]{color:var(--c-neutral-3)}.or-icon.is-neutral-4-color[data-v-7f81d526]{color:var(--c-neutral-4)}.or-icon.is-neutral-5-color[data-v-7f81d526]{color:var(--c-neutral-5)}.or-icon.is-neutral-6-color[data-v-7f81d526]{color:var(--c-neutral-6)}.or-icon.is-disabled[data-v-7f81d526],.or-icon[data-v-7f81d526]:disabled{cursor:not-allowed}";
 styleInject(css_248z);
 
 /* script */
@@ -140,7 +146,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-1b53d778";
+const __vue_scope_id__ = "data-v-7f81d526";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -1,7 +1,6 @@
 export { default as OrIcon } from './OrIcon.js';
 export { OrIconColors, OrIconType } from './constants.js';
 import 'vue-demi';
-import 'lodash';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../style-inject.es-4c6f2515.js';
@@ -13,3 +12,5 @@ import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';

package/dist/bundled/v2/components/OrIconButtonV2/OrIconButton.js

@@ -6,7 +6,7 @@ import { ICON_BUTTON_TYPE, HTML_BUTTON_TYPE, BUTTON_SIZE, BUTTON_COLOR } from '.
 import __vue_component__$3 from '../OrIcon/OrIcon.js';
 import __vue_component__$4 from '../OrLoader/OrLoader.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import 'lodash';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -14,8 +14,11 @@ import '../OrTeleport/OrTeleport.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import '../OrTeleport/constants.js';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 
 /** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */