@onereach/ui-components 4.1.1-beta.2538.0 → 4.1.1-beta.2540.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-d9c76484.js → OrDateTimePickerMonthSelect-f5dd7748.js}

@@ -19,6 +19,9 @@ const DateTimePickerDateControl = [
 'interactivity-auto',
 // Theme (focus)
 'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
+const DateTimePickerDateControlPlaceholder = [
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$2 = defineComponent({
   name: 'OrDateTimePickerDateControl',
@@ -50,6 +53,7 @@ var script$2 = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-date-control', ...DateTimePickerDateControl]);
+    const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,
@@ -57,11 +61,9 @@ var script$2 = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const placeholder = useDatePlaceholder();
     // Methods
     function formatModelValue(value) {
-      if (!value) {
-        return useDatePlaceholder();
-      }
       return value.toLocaleString(navigator.language, {
         dateStyle: 'short',
         timeZone: 'UTC'
@@ -70,7 +72,9 @@ var script$2 = defineComponent({
     return {
       root,
       rootStyles,
+      placeholderStyles,
       proxyModelValue,
+      placeholder,
       formatModelValue
     };
   }
@@ -93,7 +97,9 @@ var __vue_render__$2 = function () {
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
-  }, [_vm._v("\n  " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n")]);
+  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$2 = [];
 
@@ -132,6 +138,8 @@ const DateTimePickerDaySelectButtonGroupWeekdayItem = [
 'layout-row justify-center',
 // Spacing
 'px-sm', 'py-sm',
+// Interactivity
+'interactivity-none',
 // Typography
 'typography-caption-regular',
 // Theme
@@ -249,7 +257,7 @@ var __vue_render__$1 = function () {
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
-        "disabled": _vm.filter && !_vm.filter(value)
+        "disabled": _vm.filter && !_vm.filter(value) || value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth()
       },
       on: {
         "click": function ($event) {

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-31b7fb37.js → OrDateTimePickerTimeSelect-153a174a.js}

@@ -15,6 +15,9 @@ const DateTimePickerTimeControl = [
 'interactivity-auto',
 // Theme (focus)
 'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
+const DateTimePickerTimeControlPlaceholder = [
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$1 = defineComponent({
   name: 'OrDateTimePickerTimeControl',
@@ -46,6 +49,7 @@ var script$1 = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
+    const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,
@@ -53,11 +57,9 @@ var script$1 = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const placeholder = useTimePlaceholder();
     // Methods
     function formatModelValue(value) {
-      if (!value) {
-        return useTimePlaceholder();
-      }
       return value.toLocaleString(navigator.language, {
         timeStyle: 'short',
         timeZone: 'UTC'
@@ -66,7 +68,9 @@ var script$1 = defineComponent({
     return {
       root,
       rootStyles,
+      placeholderStyles,
       proxyModelValue,
+      placeholder,
       formatModelValue
     };
   }
@@ -89,7 +93,9 @@ var __vue_render__$1 = function () {
       "readonly": _vm.readonly ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
-  }, [_vm._v("\n  " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n")]);
+  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatModelValue(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
+    class: _vm.placeholderStyles
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

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

@@ -52,7 +52,9 @@ const ButtonRootColors = {
   'danger-text': [
   // Theme
   'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit-text': [],
+  'inherit-text': [
+  // Theme
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark'],
   'primary-link': [
   // Theme
   'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d9c76484.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import { DatePicker } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

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

@@ -1,7 +1,7 @@
 export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
-import '../../OrDateTimePickerMonthSelect-d9c76484.js';
+import '../../OrDateTimePickerMonthSelect-f5dd7748.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrDateTimePickerV3/hooks/useDefaultDate.js';
@@ -41,7 +41,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-d9c76484.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-31b7fb37.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-f5dd7748.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-40001d2f.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-153a174a.js';
 import { DateTimePicker } 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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
-import '../../OrDateTimePickerMonthSelect-d9c76484.js';
+import '../../OrDateTimePickerMonthSelect-f5dd7748.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import './hooks/useDefaultDate.js';
@@ -41,11 +41,11 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-31b7fb37.js';
+import '../../OrDateTimePickerTimeSelect-153a174a.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-31b7fb37.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-40001d2f.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-153a174a.js';
 import { TimePicker } 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

@@ -1,7 +1,7 @@
 export { default as OrTimePickerV3 } from './OrTimePicker.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
-import '../../OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import '../../OrDateTimePickerPopoverHeader-40001d2f.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
@@ -13,7 +13,7 @@ import '../OrLoaderV3/OrLoader.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-31b7fb37.js';
+import '../../OrDateTimePickerTimeSelect-153a174a.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import '../OrDateTimePickerV3/hooks/useDefaultDate.js';
 import '../OrDateTimePickerV3/hooks/useDefaultHours.js';

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

@@ -202,18 +202,18 @@ import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import '../index-63e094a0.js';
 import './OrConfirmV3/styles.js';
-import '../OrDateTimePickerMonthSelect-d9c76484.js';
+import '../OrDateTimePickerMonthSelect-f5dd7748.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './OrDateTimePickerV3/hooks/useDefaultDate.js';
 import './OrDateTimePickerV3/hooks/useDefaultHours.js';
 import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import './OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import '../OrDateTimePickerPopoverHeader-40001d2f.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-31b7fb37.js';
+import '../OrDateTimePickerTimeSelect-153a174a.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

package/dist/bundled/v2/index.js

@@ -184,18 +184,18 @@ import './components/OrCode/theme.js';
 import './components/OrColorPicker/utils/defultPalette.js';
 import './index-63e094a0.js';
 import './components/OrConfirmV3/styles.js';
-import './OrDateTimePickerMonthSelect-d9c76484.js';
+import './OrDateTimePickerMonthSelect-f5dd7748.js';
 import './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import './components/OrDateTimePickerV3/hooks/useDefaultDate.js';
 import './components/OrDateTimePickerV3/hooks/useDefaultHours.js';
 import './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
-import './OrDateTimePickerPopoverHeader-ffdf51e9.js';
+import './OrDateTimePickerPopoverHeader-40001d2f.js';
 import './components/OrDatePickerV3/styles.js';
 import './utils/functions/dom.js';
 import './utils/functions/px-to-rem.js';
-import './OrDateTimePickerTimeSelect-31b7fb37.js';
+import './OrDateTimePickerTimeSelect-153a174a.js';
 import './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './components/OrDateTimePickerV3/styles.js';
 import './components/OrEmptyStateV3/styles.js';

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-a8d88d4d.js → OrCardCollection.vue_vue_type_script_lang-79caff13.js}

@@ -4,7 +4,7 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, re
 import { gridView, defaultViewModes } from './components/OrCardCollectionV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import './components/OrMenuV3/OrMenu.js';
 import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-64369843.js';
 import './components/OrMenuItemV3/OrMenuItem.js';

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-54abbe9f.js → OrConfirm.vue_vue_type_script_lang-45a52430.js}

@@ -8,7 +8,7 @@ import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4e78716e.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-c989ebc5.js → OrDatePicker.vue_vue_type_script_lang-05ac3b12.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-32c8b500.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-8fbb4dfc.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-6d8e6580.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-a2ad9c79.js';
 import { DatePicker } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-ac980807.js → OrDateTimePicker.vue_vue_type_script_lang-3714b668.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-32c8b500.js';
-import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-8fbb4dfc.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-be067f55.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-6d8e6580.js';
+import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-a2ad9c79.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-55f86e80.js';
 import { DateTimePicker } from './components/OrDateTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-32c8b500.js → OrDateTimePickerMonthSelect-6d8e6580.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { useDatePlaceholder } from './components/OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, resolveComponent, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, createVNode } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
 import { useDefaultDate } from './components/OrDateTimePickerV3/hooks/useDefaultDate.js';
 import { useDefaultHours } from './components/OrDateTimePickerV3/hooks/useDefaultHours.js';
 import { useDefaultMinutes } from './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import { useDefaultMonth } from './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import { useDefaultYear } from './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
@@ -24,6 +24,9 @@ const DateTimePickerDateControl = [
 'interactivity-auto',
 // Theme (focus)
 'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
+const DateTimePickerDateControlPlaceholder = [
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$2 = defineComponent({
   name: 'OrDateTimePickerDateControl',
@@ -55,6 +58,7 @@ var script$2 = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-date-control', ...DateTimePickerDateControl]);
+    const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,
@@ -62,11 +66,9 @@ var script$2 = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const placeholder = useDatePlaceholder();
     // Methods
     function formatModelValue(value) {
-      if (!value) {
-        return useDatePlaceholder();
-      }
       return value.toLocaleString(navigator.language, {
         dateStyle: 'short',
         timeZone: 'UTC'
@@ -75,7 +77,9 @@ var script$2 = defineComponent({
     return {
       root,
       rootStyles,
+      placeholderStyles,
       proxyModelValue,
+      placeholder,
       formatModelValue
     };
   }
@@ -90,7 +94,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$1);
+  }, [_ctx.proxyModelValue ? (openBlock(), createElementBlock(Fragment, {
+    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);
 }
 
 script$2.render = render$2;
@@ -111,6 +120,8 @@ const DateTimePickerDaySelectButtonGroupWeekdayItem = [
 'layout-row justify-center',
 // Spacing
 'px-sm', 'py-sm',
+// Interactivity
+'interactivity-none',
 // Typography
 'typography-caption-regular',
 // Theme
@@ -221,7 +232,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.buttonGroupDayItemStyles),
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
-      disabled: _ctx.filter && !_ctx.filter(value),
+      disabled: _ctx.filter && !_ctx.filter(value) || value.getUTCMonth() !== _ctx.proxyModelValue.getUTCMonth(),
       onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatDay(value)), 1 /* TEXT */)]),

package/dist/bundled/v3/{OrDateTimePickerPopoverHeader-8fbb4dfc.js → OrDateTimePickerPopoverHeader-a2ad9c79.js}

@@ -3,7 +3,7 @@ import './components/OrLabelV3/OrLabel.js';
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot, withModifiers } from 'vue';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$4 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$4 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 
 const DateTimePickerMobileControl = [
 // Layout

package/dist/bundled/v3/{OrDateTimePickerTimeSelect-be067f55.js → OrDateTimePickerTimeSelect-55f86e80.js}

@@ -1,13 +1,13 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { useTimePlaceholder } from './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
-import { openBlock, createElementBlock, normalizeClass, toDisplayString, resolveComponent, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx } from 'vue';
 import { useDefaultDate } from './components/OrDateTimePickerV3/hooks/useDefaultDate.js';
 import { useDefaultHours } from './components/OrDateTimePickerV3/hooks/useDefaultHours.js';
 import { useDefaultMinutes } from './components/OrDateTimePickerV3/hooks/useDefaultMinutes.js';
 import { useDefaultMonth } from './components/OrDateTimePickerV3/hooks/useDefaultMonth.js';
 import { useDefaultYear } from './components/OrDateTimePickerV3/hooks/useDefaultYear.js';
 import './components/OrButtonV3/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 
 const DateTimePickerTimeControl = [
 // Layout
@@ -16,6 +16,9 @@ const DateTimePickerTimeControl = [
 'interactivity-auto',
 // Theme (focus)
 'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline', 'dark:focus:theme-border-underline'];
+const DateTimePickerTimeControlPlaceholder = [
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$1 = defineComponent({
   name: 'OrDateTimePickerTimeControl',
@@ -47,6 +50,7 @@ var script$1 = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-date-time-picker-time-control', ...DateTimePickerTimeControl]);
+    const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = computed({
       get: () => props.modelValue,
@@ -54,11 +58,9 @@ var script$1 = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
+    const placeholder = useTimePlaceholder();
     // Methods
     function formatModelValue(value) {
-      if (!value) {
-        return useTimePlaceholder();
-      }
       return value.toLocaleString(navigator.language, {
         timeStyle: 'short',
         timeZone: 'UTC'
@@ -67,7 +69,9 @@ var script$1 = defineComponent({
     return {
       root,
       rootStyles,
+      placeholderStyles,
       proxyModelValue,
+      placeholder,
       formatModelValue
     };
   }
@@ -82,7 +86,12 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
-  }, toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 11 /* TEXT, CLASS, PROPS */, _hoisted_1);
+  }, [_ctx.proxyModelValue ? (openBlock(), createElementBlock(Fragment, {
+    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);
 }
 
 script$1.render = render$1;

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-fff3fead.js → OrPagination.vue_vue_type_script_lang-5c2c0ef9.js}

@@ -5,7 +5,7 @@ import './components/OrIconV3/OrIcon.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-64369843.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-d7d0622f.js → OrTimePicker.vue_vue_type_script_lang-65a44568.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-8fbb4dfc.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-be067f55.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-a2ad9c79.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-55f86e80.js';
 import { TimePicker } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrButton.vue_vue_type_script_lang-5650b394.js';
-export { s as default } from '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';

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

@@ -1,5 +1,5 @@
 export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
-export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrLoaderV3/OrLoader.js';

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

@@ -52,7 +52,9 @@ const ButtonRootColors = {
   'danger-text': [
   // Theme
   'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit-text': [],
+  'inherit-text': [
+  // Theme
+  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark'],
   'primary-link': [
   // Theme
   'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-a8d88d4d.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-a8d88d4d.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-79caff13.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-79caff13.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 import 'vue-demi';
 import './styles.js';
@@ -33,7 +33,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrButtonV3/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';

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

@@ -1,5 +1,5 @@
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-a8d88d4d.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-79caff13.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
@@ -32,7 +32,7 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrButtonV3/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';

package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-54abbe9f.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-54abbe9f.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-45a52430.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-45a52430.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import '@vueuse/core';
 import '../../index-63e094a0.js';
@@ -14,7 +14,7 @@ import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../OrButtonV3/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';

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

@@ -1,5 +1,5 @@
 export { ConfirmType } from './props.js';
-export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-54abbe9f.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-45a52430.js';
 import '@vueuse/core';
 import '../../index-63e094a0.js';
 import 'vue-demi';
@@ -13,7 +13,7 @@ import 'vue';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../OrButtonV3/OrButton.js';
-import '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';