@onereach/ui-components 16.1.0 → 16.1.2

package/dist/esm/v3/{OrButton-1a1f7255.js → OrButton-e997c224.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1 } from './OrLoader-5e2f359b.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 var ButtonVariant;
 (function (ButtonVariant) {
@@ -107,6 +107,12 @@ const ButtonLoadingColors = {
   'danger-link': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
   'inherit-link': ['interactivity-none']
 };
+const ButtonContentLoadingStyles = {
+  'contained': ['invisible'],
+  'outlined': ['invisible'],
+  'text': ['hidden'],
+  'link': ['hidden']
+};
 
 var script = defineComponent({
   name: 'OrButton',
@@ -150,9 +156,11 @@ var script = defineComponent({
     const root = ref();
     // Styles
     const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], ...(props.loading ? ButtonLoadingColors[`${props.color}-${props.variant}`] : [])]);
+    const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoadingStyles[props.variant] : [])]);
     return {
       root,
       rootStyles,
+      contentStyles,
       isVue3
     };
   }
@@ -178,15 +186,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     focus: e => _ctx.$emit('focus', e),
     blur: e => _ctx.$emit('blur', e)
   }, true)), [createElementVNode("div", {
-    class: normalizeClass(['contents', _ctx.loading && 'invisible'])
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.variant == 'contained' || _ctx.variant == 'outlined' ? (openBlock(), createBlock(_component_OrLoader, {
-    key: 0,
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.variant == 'contained' || _ctx.variant == 'outlined' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrLoader, {
     variant: 'circular',
     color: 'inherit',
     size: 's'
-  })) : (openBlock(), createElementBlock(Fragment, {
+  })])) : (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
+  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/esm/v3/{OrButtonGroup-7d496373.js → OrButtonGroup-5b5c0690.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButton-1a1f7255.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButton-e997c224.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 
 const ButtonGroup = [

package/dist/esm/v3/{OrCardCollection-9db013d5.js → OrCardCollection-42ed704c.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-5a508869.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
 import { s as script$4 } from './OrSearch-b7a558ef.js';
-import { s as script$3 } from './OrSorting-71989785.js';
+import { s as script$3 } from './OrSorting-c946c7a3.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, mergeProps, withCtx } from 'vue';
 
 var CardCollectionView;

package/dist/esm/v3/{OrCheckboxGroup-7d7c21d0.js → OrCheckboxGroup-a506ccd5.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrCheckboxTree-ee736c1c.js';
+import { s as script$1 } from './OrCheckboxTree-65d7b19b.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-893719a1.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-ee736c1c.js → OrCheckboxTree-65d7b19b.js}

@@ -5,7 +5,7 @@ import './dom-53c9635b.js';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3 } from './OrButton-1a1f7255.js';
+import { s as script$3 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrCheckbox-e353ee89.js';
 import { s as script$1 } from './OrIcon-9aff520e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';

package/dist/esm/v3/{OrConfirm-25ac8fb4.js → OrConfirm-aa2ea8b3.js}

@@ -6,7 +6,7 @@ import './dom-53c9635b.js';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$2, a as ButtonColor } from './OrButton-1a1f7255.js';
+import { s as script$2, a as ButtonColor } from './OrButton-e997c224.js';
 import { s as script$3 } from './OrInput-6b60bf4a.js';
 import { s as script$1 } from './OrOverlay-97c94f0b.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
@@ -83,6 +83,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -158,6 +162,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -195,6 +205,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -250,14 +261,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       color: _ctx.confirmButtonColor,
       loading: _ctx.loading,
       disabled: _ctx.isConfirmationButtonDisabled,
-      onClick: _cache[2] || (_cache[2] = $event => {
-        _ctx.confirm();
-        _ctx.close();
-      })
+      onClick: _ctx.onConfirmClick
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1 /* TEXT */)]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["class", "color", "loading", "disabled"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
+    }, 8 /* PROPS */, ["class", "color", "loading", "disabled", "onClick"])], 2 /* CLASS */)])], 16 /* FULL_PROPS */)]),
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);
 }

package/dist/esm/v3/{OrDataGrid-afced5b1.js → OrDataGrid-550f18b2.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrCheckbox-e353ee89.js';
-import { s as script$g } from './OrPagination-dd2e3594.js';
+import { s as script$g } from './OrPagination-544f2d50.js';
 import { s as script$h } from './OrSearch-b7a558ef.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$i } from './OrSkeletonText-5e9579c1.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-8282c98f.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-a4871539.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [

package/dist/esm/v3/{OrDataGridToolbar-8282c98f.js → OrDataGridToolbar-a4871539.js}

@@ -7,15 +7,15 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$e } from './OrCheckbox-e353ee89.js';
-import { s as script$f } from './OrDatePicker-a9faa75a.js';
-import { s as script$g } from './OrDateTimePicker-a794ed01.js';
-import './OrDateTimePickerTimeSelect-2e9eb896.js';
+import { s as script$f } from './OrDatePicker-3f64e170.js';
+import { s as script$g } from './OrDateTimePicker-c90953ea.js';
+import './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { s as script$h } from './OrInput-6b60bf4a.js';
 import { s as script$i } from './OrRating-7c2f8e4d.js';
-import { s as script$j } from './OrSelect-24b7538f.js';
+import { s as script$j } from './OrSelect-9347b36b.js';
 import { s as script$k } from './OrSwitch-86583d97.js';
-import { s as script$l } from './OrTagInput-7180d576.js';
-import { s as script$m } from './OrTimePicker-aef3f99a.js';
+import { s as script$l } from './OrTagInput-e3686f04.js';
+import { s as script$m } from './OrTimePicker-54206397.js';
 import { s as script$n } from './OrIcon-9aff520e.js';
 
 const DataGridFooter = [

package/dist/esm/v3/{OrDateFormat-fa5cb24e.js → OrDateFormat-a7f36236.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a794ed01.js';
-import './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { f as formatDate } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-a9faa75a.js → OrDatePicker-3f64e170.js}

@@ -7,8 +7,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a794ed01.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, f as formatMobileDate } from './getCurrentDate-e5a478c3.js';
 import { s as script$7 } from './OrError-331220bc.js';
 import { s as script$8 } from './OrHint-262c8217.js';

package/dist/esm/v3/{OrDateRangePicker-f0509cf9.js → OrDateRangePicker-d5cd11d1.js}

@@ -7,8 +7,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a794ed01.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, f as formatMobileDate } from './getCurrentDate-e5a478c3.js';
 import { g as getNextMonthDate } from './getNextMonthDate-8ec29631.js';
 import { s as script$7 } from './OrError-331220bc.js';

package/dist/esm/v3/{OrDateTimeFormat-a64fae37.js → OrDateTimeFormat-929ff4a6.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a794ed01.js';
-import './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-a794ed01.js → OrDateTimePicker-c90953ea.js}

@@ -14,7 +14,7 @@ import { s as script$b } from './OrIcon-9aff520e.js';
 import { s as script$d, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$e } from './OrLabel-4abbce6e.js';
 import { s as script$f } from './OrPopover-0daeba14.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, f as formatMobileDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 

package/dist/esm/v3/{OrDateTimePickerTimeSelect-2e9eb896.js → OrDateTimePickerTimeSelect-149ec6c0.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as script$8 } from './OrButton-1a1f7255.js';
+import { s as script$8 } from './OrButton-e997c224.js';
 import { s as script$9 } from './OrLabel-4abbce6e.js';
 import { s as script$b } from './OrIconButton-5a508869.js';
 import { s as script$a } from './OrIcon-9aff520e.js';

package/dist/esm/v3/{OrFilter-68c0355f.js → OrFilter-5ec823c1.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrFilterPopover-e7dde291.js';
+import { s as script$1 } from './OrFilterPopover-564e4997.js';
 import { s as script$2 } from './OrFilterTrigger-1d5c6704.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrFilterPopover-e7dde291.js → OrFilterPopover-564e4997.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrModal-4da45f04.js';
 import { s as script$3, a as PopoverPlacement } from './OrPopover-0daeba14.js';
 import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, toDisplayString, createVNode, createTextVNode, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrList-401c3455.js → OrList-14d8cf31.js}

@@ -7,7 +7,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$3 } from './OrIconButton-5a508869.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
 import { s as script$4 } from './OrLabel-4abbce6e.js';

package/dist/esm/v3/{OrPagination-dd2e3594.js → OrPagination-544f2d50.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
 import { s as script$4 } from './OrMenuItem-6caf8844.js';
 import { s as script$3 } from './OrMenu-95509740.js';

package/dist/esm/v3/{OrRichTextEditor-10431839.js → OrRichTextEditor-4ec30209.js}

@@ -14,7 +14,7 @@ import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
 import './dom-53c9635b.js';
 import { i as isArray } from './isArray-8eeb52b9.js';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
 import { s as script$4 } from './OrIconButton-5a508869.js';

package/dist/esm/v3/{OrSelect-24b7538f.js → OrSelect-9347b36b.js}

@@ -24,8 +24,8 @@ import { s as script$b } from './OrPopover-0daeba14.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$e } from './OrSkeletonText-5e9579c1.js';
-import { T as TagsOverflow } from './OrTags-2b333e56.js';
-import { s as script$c } from './OrSelectMultipleControl-d57bb904.js';
+import { T as TagsOverflow } from './OrTags-44507e58.js';
+import { s as script$c } from './OrSelectMultipleControl-274c9752.js';
 import { s as script$d } from './OrSelectSingleControl-70644f38.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, vShow, Fragment, renderList } from 'vue';

package/dist/esm/v3/{OrSelectMultipleControl-d57bb904.js → OrSelectMultipleControl-274c9752.js}

@@ -8,7 +8,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3, T as TagsOverflow } from './OrTags-2b333e56.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-44507e58.js';
 import { s as script$2 } from './OrSelectControlInput-e0116b29.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrSorting-71989785.js → OrSorting-c946c7a3.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrIcon-9aff520e.js';
 import { s as script$4 } from './OrMenuItem-6caf8844.js';
 import { s as script$3 } from './OrMenu-95509740.js';

package/dist/esm/v3/{OrTagInput-7180d576.js → OrTagInput-e3686f04.js}

@@ -16,7 +16,7 @@ import { s as script$4, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
 import { a as TagColor } from './OrTag-f048f982.js';
-import { s as script$7, T as TagsOverflow } from './OrTags-2b333e56.js';
+import { s as script$7, T as TagsOverflow } from './OrTags-44507e58.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-2b333e56.js → OrTags-44507e58.js}

@@ -5,7 +5,7 @@ import { u as useOverflow } from './useOverflow-5a08887e.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrButton-1a1f7255.js';
+import { s as script$1 } from './OrButton-e997c224.js';
 import { s as script$2 } from './OrPopover-0daeba14.js';
 import { s as script$3 } from './OrTag-f048f982.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';

package/dist/esm/v3/{OrTimeFormat-f923a263.js → OrTimeFormat-a9fb9afb.js}

@@ -5,8 +5,8 @@ import { b as useTimeFormat, a as useLocale } from './useTimeFormat-7ad4cc11.js'
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-a794ed01.js';
-import './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { a as formatTime } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-aef3f99a.js → OrTimePicker-54206397.js}

@@ -7,8 +7,8 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-a794ed01.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';

package/dist/esm/v3/{OrTimeRangePicker-2324abdb.js → OrTimeRangePicker-8396e1ad.js}

@@ -7,8 +7,8 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-a794ed01.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2e9eb896.js';
+import './OrDateTimePicker-c90953ea.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-149ec6c0.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';

package/dist/esm/v3/{OrTree-867a1870.js → OrTree-f97c9a08.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
 import { useToggle } from '@vueuse/core';
-import { s as script$2 } from './OrButton-1a1f7255.js';
+import { s as script$2 } from './OrButton-e997c224.js';
 import { s as script$3 } from './OrIcon-9aff520e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
 

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

@@ -1,19 +1,19 @@
-export { s as OrAutocompleteV3 } from '../OrAutocomplete-36ea1cd2.js';
+export { s as OrAutocompleteV3 } from '../OrAutocomplete-4ebb9e1d.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-dbec7020.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-cab88a78.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheet-a7a06f7f.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-c05bdda7.js';
-export { s as OrButtonGroupV3 } from '../OrButtonGroup-7d496373.js';
+export { s as OrButtonGroupV3 } from '../OrButtonGroup-5b5c0690.js';
 export { s as OrButtonV2 } from '../OrButton-bc9cc4a5.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from '../OrIconButton-5ccfcc6f.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-1a1f7255.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-e997c224.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6559e6fa.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-9db013d5.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-42ed704c.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-999571e5.js';
 export { s as OrCheckbox } from '../OrCheckbox-9d30d1d2.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-7d7c21d0.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-ee736c1c.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-a506ccd5.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-65d7b19b.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-e353ee89.js';
 export { s as OrChip } from '../OrChip-354bd93f.js';
 export { s as OrChips } from '../OrChips-24f72916.js';
@@ -30,17 +30,17 @@ export { s as OrCollapse } from '../OrCollapse-fdd7efab.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-28027e9a.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-25ac8fb4.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-aa2ea8b3.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-afced5b1.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-8282c98f.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-fa5cb24e.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-a9faa75a.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-f0509cf9.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-a64fae37.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-550f18b2.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-a4871539.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-a7f36236.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-3f64e170.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-d5cd11d1.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-929ff4a6.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-5bae57ec.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-a794ed01.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-2e9eb896.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-c90953ea.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-149ec6c0.js';
 export { f as formatDate, a as formatTime } from '../formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-e5a478c3.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-8ec29631.js';
@@ -54,9 +54,9 @@ export { s as OrErrorTagV3 } from '../OrErrorTag-94f074a2.js';
 export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-bb8883a1.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-f949bf4f.js';
-export { s as OrFilterPopoverV3 } from '../OrFilterPopover-e7dde291.js';
+export { s as OrFilterPopoverV3 } from '../OrFilterPopover-564e4997.js';
 export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-1d5c6704.js';
-export { s as OrFilterV3 } from '../OrFilter-68c0355f.js';
+export { s as OrFilterV3 } from '../OrFilter-5ec823c1.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-893719a1.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
@@ -76,7 +76,7 @@ export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4abbce6e.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-c83a51b2.js';
 export { s as OrList } from '../OrList-9445e452.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-298bae5f.js';
-export { s as OrListV3 } from '../OrList-401c3455.js';
+export { s as OrListV3 } from '../OrList-14d8cf31.js';
 export { s as OrListItem } from '../OrListItem-12fa8abd.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-d5a5b426.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-5e2f359b.js';
@@ -90,7 +90,7 @@ export { s as OrNumberInput } from '../OrNumberInput-daa7b3f0.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-e19fb6c8.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-97c94f0b.js';
-export { s as OrPaginationV3 } from '../OrPagination-dd2e3594.js';
+export { s as OrPaginationV3 } from '../OrPagination-544f2d50.js';
 export { s as OrPassword } from '../OrPassword-352677d0.js';
 export { s as OrPopoverV3, a as PopoverPlacement, P as PopoverVariant } from '../OrPopover-0daeba14.js';
 export { i as isPrevented } from '../isPrevented-b1764210.js';
@@ -103,13 +103,13 @@ export { s as OrRadioV3 } from '../OrRadio-8677bac3.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-c1ed0ba5.js';
 export { s as OrRatingV3, R as RatingVariant } from '../OrRating-7c2f8e4d.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-1d0c171b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-10431839.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-4ec30209.js';
 export { s as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-160af591.js';
 export { s as OrSearch } from '../OrSearch-4192737e.js';
 export { s as OrSearchV3 } from '../OrSearch-b7a558ef.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from '../OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from '../OrSelect-24b7538f.js';
+export { s as OrSelectV3 } from '../OrSelect-9347b36b.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-339b3fd2.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -121,7 +121,7 @@ export { s as OrSkeletonRectV3 } from '../OrSkeletonRect-d0b8b2cf.js';
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText-5e9579c1.js';
 export { s as OrSlider } from '../OrSlider-d6f94501.js';
 export { s as OrSliderV3, S as SliderColor, a as SliderOrientation } from '../OrSlider-5c665987.js';
-export { s as OrSortingV3 } from '../OrSorting-71989785.js';
+export { s as OrSortingV3 } from '../OrSorting-c946c7a3.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-29df22e1.js';
 export { s as OrStepper } from '../OrStepper-8722709f.js';
 export { s as OrSwitch } from '../OrSwitch-043fb0ba.js';
@@ -132,18 +132,18 @@ export { s as OrTabV3 } from '../OrTab-5f903429.js';
 export { s as OrTabs } from '../OrTabs-bc8c8be5.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-66729e19.js';
 export { s as OrTag } from '../OrTag-68b92040.js';
-export { s as OrTagInputV3 } from '../OrTagInput-7180d576.js';
+export { s as OrTagInputV3 } from '../OrTagInput-e3686f04.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-f048f982.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-2b333e56.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-44507e58.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ea114c19.js';
 export { s as OrTextarea } from '../OrTextarea-b16e1a72.js';
 export { s as OrTextareaV3 } from '../OrTextarea-f9cbc1c3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-20cc3bac.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-f923a263.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-aef3f99a.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-2324abdb.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-a9fb9afb.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-54206397.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-8396e1ad.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-cea387eb.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-a1f907bc.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-0f27194b.js';
@@ -151,7 +151,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-41cf
 export { s as OrTooltip } from '../OrTooltip-a15bf4b1.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
 export { s as OrTooltipV3 } from '../OrTooltip-de856939.js';
-export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-867a1870.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-f97c9a08.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../useIdAttribute-3a339b79.js';
@@ -227,7 +227,7 @@ import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import 'lodash/keyBy';
 import '../searchItemsByLabel-c778a1e4.js';
-import '../OrSelectMultipleControl-d57bb904.js';
+import '../OrSelectMultipleControl-274c9752.js';
 import '../isEqual-15f4b2f5.js';
 import '../OrSelectControlInput-e0116b29.js';
 import '../OrSelectPlaceholder-81502228.js';

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

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from '../../OrAutocomplete-36ea1cd2.js';
+export { s as OrAutocompleteV3 } from '../../OrAutocomplete-4ebb9e1d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-3a339b79.js';
@@ -37,9 +37,9 @@ import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-6caf8844.js';
-import '../../OrTagInput-7180d576.js';
+import '../../OrTagInput-e3686f04.js';
 import '../../OrTag-f048f982.js';
-import '../../OrTags-2b333e56.js';
+import '../../OrTags-44507e58.js';
 import '../../useOverflow-5a08887e.js';
-import '../../OrButton-1a1f7255.js';
+import '../../OrButton-e997c224.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-button-group-v3/index.js

@@ -1,6 +1,6 @@
-export { s as OrButtonGroupV3 } from '../../OrButtonGroup-7d496373.js';
+export { s as OrButtonGroupV3 } from '../../OrButtonGroup-5b5c0690.js';
 import 'vue-demi';
-import '../../OrButton-1a1f7255.js';
+import '../../OrButton-e997c224.js';
 import '../../OrLoader-5e2f359b.js';
 import '@vueuse/core';
 import 'vue';

package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts

@@ -32,6 +32,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLButtonElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
     isVue3: boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     type: {