@onereach/ui-components 4.4.4-beta.2730.0 → 4.4.4-beta.2732.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-5fa6caa0.js → OrDateTimePickerMonthSelect-75089f80.js}

@@ -87,14 +87,17 @@ var __vue_render__$2 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": '',
+      "contenteditable": !_vm.disabled ? '' : null,
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
 var __vue_staticRenderFns__$2 = [];
 

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-aa60911c.js → OrDateTimePickerTimeSelect-3d0ef650.js}

@@ -83,14 +83,17 @@ var __vue_render__$1 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": '',
+      "contenteditable": !_vm.disabled ? '' : null,
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

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

@@ -1,6 +1,6 @@
 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-5fa6caa0.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';

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-5fa6caa0.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.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-5fa6caa0.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-aa60911c.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';

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-5fa6caa0.js';
+import '../../OrDateTimePickerMonthSelect-75089f80.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -42,7 +42,7 @@ import '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-aa60911c.js';
+import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -4,7 +4,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-lg',
+'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TagColor, TagVariant } from './props';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     custom: import("@vue/composition-api").ComputedRef<boolean>;
@@ -30,7 +30,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: "tag" | "button" | "reset";
     color: string;
     disabled: boolean;

package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -41,7 +41,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         } | {}> & Omit<{} & {}, never>>>;
         default: undefined;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: string[];
     tagProps: Readonly<Partial<{
         [x: number]: string;

package/dist/bundled/v2/components/OrTeleport/OrTeleport.vue2.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, {
     to: {
         type: StringConstructor;
         required: boolean;
@@ -20,7 +20,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         required: boolean;
         default: boolean;
     };
-}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     to: string;
     isDisabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {

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-7c87f38a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.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';

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

@@ -14,7 +14,7 @@ import '../OrLoaderV3/OrLoader.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-aa60911c.js';
+import '../../OrDateTimePickerTimeSelect-3d0ef650.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -213,13 +213,13 @@ import './OrColorPicker/utils/defultPalette.js';
 import '../index-968c331a.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-5fa6caa0.js';
+import '../OrDateTimePickerMonthSelect-75089f80.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-aa60911c.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,13 +194,13 @@ import './components/OrColorPicker/utils/defultPalette.js';
 import './index-968c331a.js';
 import './components/OrConfirmV3/styles.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-5fa6caa0.js';
+import './OrDateTimePickerMonthSelect-75089f80.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './components/OrDatePickerV3/styles.js';
 import './utils/functions/dom.js';
 import './utils/functions/px-to-rem.js';
-import './OrDateTimePickerTimeSelect-aa60911c.js';
+import './OrDateTimePickerTimeSelect-3d0ef650.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-33719f37.js → OrDatePicker.vue_vue_type_script_lang-d071d109.js}

@@ -1,6 +1,6 @@
 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-fe878127.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';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.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-fe878127.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-b962e4d5.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';

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

@@ -80,12 +80,13 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["required", "readonly", "disabled"];
+const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -93,8 +94,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

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

@@ -72,12 +72,13 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["required", "readonly", "disabled"];
+const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -85,8 +86,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-dd7222e8.js → OrTimePicker.vue_vue_type_script_lang-c52a2a0b.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$3 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-8bdb97b7.js';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fe878127.js';
+import '../../OrDateTimePickerMonthSelect-387c2096.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';

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

@@ -1,8 +1,8 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fe878127.js';
+import '../../OrDateTimePickerMonthSelect-387c2096.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fe878127.js';
+import '../../OrDateTimePickerMonthSelect-387c2096.js';
 import './hooks/useDatePlaceholder.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -53,7 +53,7 @@ import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
+import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -1,8 +1,8 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fe878127.js';
+import '../../OrDateTimePickerMonthSelect-387c2096.js';
 import './hooks/useDatePlaceholder.js';
 import 'vue';
 import '../OrButtonV3/OrButton.js';
@@ -53,7 +53,7 @@ import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
+import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v3/components/OrTabsV3/OrTabs.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTabs.vue_vue_type_script_lang-9d4221f1.js';
-export { s as default } from '../../OrTabs.vue_vue_type_script_lang-9d4221f1.js';
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-b3f213b0.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-b3f213b0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/bundled/v3/components/OrTabsV3/index.js

@@ -1,5 +1,5 @@
 export { TabsVariant } from './props.js';
-export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-9d4221f1.js';
+export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-b3f213b0.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';

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

@@ -4,7 +4,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-lg',
+'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
-export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+import { s as script } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
+export { s as default } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
+import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -17,7 +17,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-b962e4d5.js';
+import '../../OrDateTimePickerTimeSelect-8bdb97b7.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -33,11 +33,11 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-e5a8f92a.js';
 export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-e1390930.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d071d109.js';
 export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
@@ -131,7 +131,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-71e4fa50.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-29f331ec.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-79f2f523.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-5836b8bd.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-9d4221f1.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-b3f213b0.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-4e98d8a0.js';
 export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-09948d1f.js';
@@ -144,7 +144,7 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-048cb245
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-f287189f.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-dad835c3.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-b8184db5.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
@@ -248,13 +248,13 @@ import '../index-968c331a.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-fe878127.js';
+import '../OrDateTimePickerMonthSelect-387c2096.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-f81b902f.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-b962e4d5.js';
+import '../OrDateTimePickerTimeSelect-8bdb97b7.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v3/index.js

@@ -30,11 +30,11 @@ export { s as OrConfirm } from './OrConfirm.vue_vue_type_script_lang-e5a8f92a.js
 import './components/OrConfirmV3/OrConfirm.js';
 export { s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-e1390930.js';
 import './components/OrDatePickerV3/OrDatePicker.js';
-export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-33719f37.js';
+export { s as OrDatePickerV3 } from './OrDatePicker.vue_vue_type_script_lang-d071d109.js';
 import './components/OrDateTimePicker/OrDateTimePicker.js';
 export { s as OrDateTimePicker } from './OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js';
 import './components/OrDateTimePickerV3/OrDateTimePicker.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-ef95eeb6.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-8aa80833.js';
 import './components/OrEmptyStateV3/OrEmptyState.js';
 export { s as OrEmptyStateV3 } from './OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 import './components/OrErrorTagV3/OrErrorTag.js';
@@ -110,7 +110,7 @@ export { s as OrTab } from './OrTab.vue_vue_type_script_lang-71e4fa50.js';
 import './components/OrTabs/OrTabs.js';
 export { s as OrTabs } from './OrTabs.vue_vue_type_script_lang-5836b8bd.js';
 import './components/OrTabsV3/OrTabs.js';
-export { s as OrTabsV3 } from './OrTabs.vue_vue_type_script_lang-9d4221f1.js';
+export { s as OrTabsV3 } from './OrTabs.vue_vue_type_script_lang-b3f213b0.js';
 import './components/OrTag/OrTag.js';
 export { s as OrTag } from './OrTag.vue_vue_type_script_lang-4e98d8a0.js';
 import './components/OrTagsV3/OrTags.js';
@@ -124,7 +124,7 @@ export { s as OrTextareaV3 } from './OrTextarea.vue_vue_type_script_lang-f287189
 import './components/OrTextbox/OrTextbox.js';
 export { s as OrTextbox } from './OrTextbox.vue_vue_type_script_lang-dad835c3.js';
 import './components/OrTimePickerV3/OrTimePicker.js';
-export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-dd7222e8.js';
+export { s as OrTimePickerV3 } from './OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js';
 import './components/OrToastContainer/OrToastContainer.js';
 export { s as OrToastContainer } from './OrToastContainer.vue_vue_type_script_lang-b8184db5.js';
 export { default as useToast } from './components/OrToast/composable/useToast.js';
@@ -284,7 +284,7 @@ import './components/OrConfirmV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import './OrDateTimePickerMonthSelect-fe878127.js';
+import './OrDateTimePickerMonthSelect-387c2096.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerPopoverHeader-f81b902f.js';
 import './components/OrDatePickerV3/styles.js';
@@ -293,7 +293,7 @@ import './components/OrPopoverV3/OrPopover.js';
 import './utils/functions/dom.js';
 import './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
-import './OrDateTimePickerTimeSelect-b962e4d5.js';
+import './OrDateTimePickerTimeSelect-8bdb97b7.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/esm/v2/{OrDatePicker-a8c95da8.js → OrDatePicker-564505ef.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-e35404a7.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$a } from './OrIconButton-ee747c71.js';

package/dist/esm/v2/{OrDateTimePicker-9271659e.js → OrDateTimePicker-3a624934.js}

@@ -9,8 +9,8 @@ import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe2
 import { _ as __vue_component__$e } from './OrLabel-63380256.js';
 import { _ as __vue_component__$f } from './OrPopover-80459663.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a3a0fb4e.js';
-import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-e35404a7.js';
+import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateTimePicker = [

package/dist/esm/v2/{OrDateTimePickerMonthSelect-a3a0fb4e.js → OrDateTimePickerMonthSelect-e35404a7.js}

@@ -95,14 +95,17 @@ var __vue_render__$2 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": '',
+      "contenteditable": !_vm.disabled ? '' : null,
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
 var __vue_staticRenderFns__$2 = [];
 

package/dist/esm/v2/{OrDateTimePickerTimeSelect-0b70d0df.js → OrDateTimePickerTimeSelect-aed7d33d.js}

@@ -90,14 +90,17 @@ var __vue_render__$1 = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
-      "contenteditable": '',
+      "contenteditable": !_vm.disabled ? '' : null,
       "required": _vm.required ? '' : null,
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
-    class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
+    class: _vm.placeholderStyles,
+    attrs: {
+      "disabled": _vm.disabled ? '' : null
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/esm/v2/{OrTabs-653258a2.js → OrTabs-b9908867.js}

@@ -19,7 +19,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-lg',
+'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

package/dist/esm/v2/{OrTimePicker-0c6a05f1.js → OrTimePicker-196e9c5e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
+import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-aed7d33d.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$9 } from './OrIconButton-ee747c71.js';

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

@@ -23,11 +23,11 @@ export { _ as OrCollapse } from '../OrCollapse-57c64292.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-ca470d10.js';
 export { _ as OrConfirm } from '../OrConfirm-d0d9d56c.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-a8c95da8.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-564505ef.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-9271659e.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-3a624934.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -96,7 +96,7 @@ export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-653258a2.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-b9908867.js';
 export { _ as OrTag } from '../OrTag-8ded4261.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6256623c.js';
 export { _ as OrTagsV3 } from '../OrTags-db2608dc.js';
@@ -106,7 +106,7 @@ export { _ as OrTextV3 } from '../OrText-44449e7b.js';
 export { _ as OrTextarea } from '../OrTextarea-226ab7a2.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-0c6a05f1.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-196e9c5e.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-2f530752.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-4a7d24f3.js';
@@ -142,8 +142,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-9e49aba0.js';
-import '../OrDateTimePickerMonthSelect-a3a0fb4e.js';
-import '../OrDateTimePickerTimeSelect-0b70d0df.js';
+import '../OrDateTimePickerMonthSelect-e35404a7.js';
+import '../OrDateTimePickerTimeSelect-aed7d33d.js';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import '../useValidationAttributes-d1abbe34.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDatePickerV3 } from '../../OrDatePicker-a8c95da8.js';
+export { _ as OrDatePickerV3 } from '../../OrDatePicker-564505ef.js';
 export { I as DatePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import '../../OrDateTimePickerMonthSelect-e35404a7.js';
 import '../../OrIconButton-ee747c71.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrTooltip-5a6e0f64.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-9271659e.js';
+export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-3a624934.js';
 export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -22,7 +22,7 @@ import '../../OrLabel-63380256.js';
 import '../../OrDateTimePickerPopoverHeader-9e49aba0.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrDateTimePickerMonthSelect-a3a0fb4e.js';
+import '../../OrDateTimePickerMonthSelect-e35404a7.js';
 import '../../OrMenuItem-6f9b8a93.js';
 import '../../OrMenu-8b902c22.js';
-import '../../OrDateTimePickerTimeSelect-0b70d0df.js';
+import '../../OrDateTimePickerTimeSelect-aed7d33d.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-653258a2.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-b9908867.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrIcon-d35a84d8.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-0c6a05f1.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-196e9c5e.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-9622e713.js';
 import '../../OrLoader-b0c381f9.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-0b70d0df.js';
+import '../../OrDateTimePickerTimeSelect-aed7d33d.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrIconButton-ee747c71.js';

package/dist/esm/v2/index.js

@@ -23,11 +23,11 @@ export { _ as OrCollapse } from './OrCollapse-57c64292.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-ca470d10.js';
 export { _ as OrConfirm } from './OrConfirm-d0d9d56c.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-a8c95da8.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-564505ef.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-9271659e.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-3a624934.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -96,7 +96,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from './OrTab-5b198746.js';
 export { _ as OrTabs } from './OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-653258a2.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b9908867.js';
 export { _ as OrTag } from './OrTag-8ded4261.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6256623c.js';
 export { _ as OrTagsV3 } from './OrTags-db2608dc.js';
@@ -106,7 +106,7 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-226ab7a2.js';
 export { _ as OrTextareaV3 } from './OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-0c6a05f1.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-196e9c5e.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2f530752.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-4a7d24f3.js';
@@ -147,8 +147,8 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import './OrDateTimePickerMonthSelect-a3a0fb4e.js';
-import './OrDateTimePickerTimeSelect-0b70d0df.js';
+import './OrDateTimePickerMonthSelect-e35404a7.js';
+import './OrDateTimePickerTimeSelect-aed7d33d.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import 'uuid';

package/dist/esm/v3/{OrDatePicker-759653a5.js → OrDatePicker-fffdd7ba.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
 import { s as script$a } from './OrIconButton-b7217ea5.js';

package/dist/esm/v3/{OrDateTimePicker-4768a411.js → OrDateTimePicker-77983f83.js}

@@ -8,8 +8,8 @@ import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
 import { s as script$f } from './OrPopover-15c2968f.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-e404e826.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DateTimePicker = [

package/dist/esm/v3/{OrDateTimePickerMonthSelect-c07806a0.js → OrDateTimePickerMonthSelect-5a7b7b5c.js}

@@ -83,12 +83,13 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["required", "readonly", "disabled"];
+const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -96,8 +97,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

package/dist/esm/v3/{OrDateTimePickerTimeSelect-9309c434.js → OrDateTimePickerTimeSelect-e404e826.js}

@@ -78,12 +78,13 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["required", "readonly", "disabled"];
+const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -91,8 +92,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/esm/v3/{OrTabs-a2d87627.js → OrTabs-f9f0892e.js}

@@ -19,7 +19,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-lg',
+'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

package/dist/esm/v3/{OrTimePicker-ba6e6857.js → OrTimePicker-e27e87ec.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-e404e826.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
 import { s as script$9 } from './OrIconButton-b7217ea5.js';

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

@@ -22,10 +22,10 @@ export { s as OrCollapse } from '../OrCollapse-2b31de04.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-ffaaf14f.js';
 export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-759653a5.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-fffdd7ba.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-4768a411.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-77983f83.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -94,7 +94,7 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-a2d87627.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f9f0892e.js';
 export { s as OrTag } from '../OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-8605e9e6.js';
 export { s as OrTagsV3 } from '../OrTags-3724ff59.js';
@@ -104,7 +104,7 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from '../OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-ba6e6857.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-e27e87ec.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9e1555eb.js';
@@ -138,8 +138,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-042566f4.js';
-import '../OrDateTimePickerMonthSelect-c07806a0.js';
-import '../OrDateTimePickerTimeSelect-9309c434.js';
+import '../OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import '../OrDateTimePickerTimeSelect-e404e826.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-759653a5.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-fffdd7ba.js';
 export { I as DatePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-c07806a0.js';
+import '../../OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import '../../OrIconButton-b7217ea5.js';
 import '../../OrIcon-62793572.js';
 import '../../OrTooltip-3d5fcaf9.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-4768a411.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-77983f83.js';
 export { I as DateTimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -20,7 +20,7 @@ import '../../OrLabel-4da56db0.js';
 import '../../OrDateTimePickerPopoverHeader-042566f4.js';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrDateTimePickerMonthSelect-c07806a0.js';
+import '../../OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import '../../OrMenuItem-dbee450f.js';
 import '../../OrMenu-8a53ccf9.js';
-import '../../OrDateTimePickerTimeSelect-9309c434.js';
+import '../../OrDateTimePickerTimeSelect-e404e826.js';

package/dist/esm/v3/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-a2d87627.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-f9f0892e.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrIcon-62793572.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-ba6e6857.js';
+export { s as OrTimePickerV3 } from '../../OrTimePicker-e27e87ec.js';
 export { I as TimePickerSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,7 +8,7 @@ import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-9309c434.js';
+import '../../OrDateTimePickerTimeSelect-e404e826.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';
 import '../../OrIconButton-b7217ea5.js';

package/dist/esm/v3/index.js

@@ -22,10 +22,10 @@ export { s as OrCollapse } from './OrCollapse-2b31de04.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-ffaaf14f.js';
 export { s as OrConfirm } from './OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-759653a5.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-fffdd7ba.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-ba40bbdf.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from './OrDateTimePicker-4768a411.js';
+export { s as OrDateTimePickerV3 } from './OrDateTimePicker-77983f83.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f9.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
@@ -94,7 +94,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from './OrTab-f7e51ffb.js';
 export { s as OrTabs } from './OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-a2d87627.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-f9f0892e.js';
 export { s as OrTag } from './OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-8605e9e6.js';
 export { s as OrTagsV3 } from './OrTags-3724ff59.js';
@@ -104,7 +104,7 @@ export { s as OrTextV3 } from './OrText-d54c951d.js';
 export { s as OrTextarea } from './OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from './OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-ba6e6857.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-e27e87ec.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-9e1555eb.js';
@@ -143,8 +143,8 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-042566f4.js';
-import './OrDateTimePickerMonthSelect-c07806a0.js';
-import './OrDateTimePickerTimeSelect-9309c434.js';
+import './OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import './OrDateTimePickerTimeSelect-e404e826.js';
 import '@floating-ui/dom';
 import 'uuid';
 import 'sortablejs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.4-beta.2730.0",
+  "version": "4.4.4-beta.2732.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-date-control/OrDateTimePickerDateControl.vue

@@ -2,7 +2,7 @@
   <div
     ref="root"
     :class="rootStyles"
-    :contenteditable="''"
+    :contenteditable="!disabled ? '' : null"
     :required="required ? '' : null"
     :readonly="readonly ? '' : null"
     :disabled="disabled ? '' : null"
@@ -12,7 +12,12 @@
     </template>
 
     <template v-else>
-      <span :class="placeholderStyles">{{ placeholder }}</span>
+      <span
+        :class="placeholderStyles"
+        :disabled="disabled ? '' : null"
+      >
+        {{ placeholder }}
+      </span>
     </template>
   </div>
 </template>

package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue

@@ -2,7 +2,7 @@
   <div
     ref="root"
     :class="rootStyles"
-    :contenteditable="''"
+    :contenteditable="!disabled ? '' : null"
     :required="required ? '' : null"
     :readonly="readonly ? '' : null"
     :disabled="disabled ? '' : null"
@@ -12,7 +12,12 @@
     </template>
 
     <template v-else>
-      <span :class="placeholderStyles">{{ placeholder }}</span>
+      <span
+        :class="placeholderStyles"
+        :disabled="disabled ? '' : null"
+      >
+        {{ placeholder }}
+      </span>
     </template>
   </div>
 </template>

package/src/components/or-tabs-v3/styles.ts

@@ -11,7 +11,7 @@ export const TabsRoot: string[] = [
   'overflow-hidden',
 
   // Spacing
-  'gap-lg',
+  'gap-md',
 
   // Theme
   'theme-border-1-outline',