@onereach/ui-components 16.1.0 → 16.1.2

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { ButtonType, ButtonVariant, ButtonColor } from './props.js';
-import { Button, ButtonVariants, ButtonColors, ButtonLoadingColors } from './styles.js';
+import { Button, ButtonVariants, ButtonColors, ButtonLoadingColors, ButtonContentLoadingStyles } from './styles.js';
 import __vue_component__$1 from '../OrLoaderV3/OrLoader.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -46,9 +46,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
     };
   }
@@ -82,16 +84,16 @@ var __vue_render__ = function () {
       return _vm.$emit('blur', e);
     }
   })), [_c('div', {
-    class: ['contents', _vm.loading && 'invisible']
-  }, [_vm._t("default")], 2), _vm._v(" "), _vm.loading ? [_c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.loading ? [_vm.variant == 'contained' || _vm.variant == 'outlined' ? [_c('div', {
     class: ['absolute']
-  }, [_vm.variant == 'contained' || _vm.variant == 'outlined' ? [_c('OrLoader', {
+  }, [_c('OrLoader', {
     attrs: {
       "variant": 'circular',
       "color": 'inherit',
       "size": 's'
     }
-  })] : [_vm._v("\n        " + _vm._s(_vm.loadingText) + "…\n      ")]], 2)] : _vm._e()], 2);
+  })], 1)] : [_vm._v("\n      " + _vm._s(_vm.loadingText) + "…\n    ")]] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrButtonV3/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: {

package/dist/bundled/v2/components/OrButtonV3/styles.d.ts

@@ -3,3 +3,4 @@ export declare const Button: string[];
 export declare const ButtonVariants: Record<ButtonVariant, string[]>;
 export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
 export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
+export declare const ButtonContentLoadingStyles: Record<ButtonVariant, string[]>;

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

@@ -85,5 +85,11 @@ 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']
+};
 
-export { Button, ButtonColors, ButtonLoadingColors, ButtonVariants };
+export { Button, ButtonColors, ButtonContentLoadingStyles, ButtonLoadingColors, ButtonVariants };

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

@@ -33,6 +33,10 @@ var script = defineComponent({
       type: String,
       default: 'Confirm'
     },
+    autoCloseOnConfirm: {
+      type: Boolean,
+      default: true
+    },
     cancelButtonText: {
       type: String,
       default: 'Cancel'
@@ -108,6 +112,12 @@ var script = defineComponent({
     function onInputBlur() {
       isInputActive.value = false;
     }
+    function onConfirmClick() {
+      confirm();
+      if (props.autoCloseOnConfirm) {
+        close();
+      }
+    }
     // Events
     watch(escape, val => {
       if (val) close();
@@ -145,6 +155,7 @@ var script = defineComponent({
       footerStyles,
       buttonsStyles,
       confirm,
+      onConfirmClick,
       open,
       close,
       onInputFocus,
@@ -219,10 +230,7 @@ var __vue_render__ = function () {
         "disabled": _vm.isConfirmationButtonDisabled
       },
       on: {
-        "click": function ($event) {
-          _vm.confirm();
-          _vm.close();
-        }
+        "click": _vm.onConfirmClick
       }
     }, [_vm._v("\n          " + _vm._s(_vm.confirmButtonText) + "\n        ")])], 1)];
   }, {

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

@@ -15,6 +15,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     footerStyles: import("vue-demi").ComputedRef<string[]>;
     buttonsStyles: import("vue-demi").ComputedRef<string[]>;
     confirm: () => void;
+    onConfirmClick: () => void;
     open: () => void;
     close: () => void;
     onInputFocus: () => void;
@@ -79,6 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    autoCloseOnConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -117,6 +126,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
+    autoCloseOnConfirm: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     loading: boolean;

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-d438087b.js';
+export { _ as default } from '../../OrDataGrid-a52d274a.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-d438087b.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-a52d274a.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-7825dab0.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-1ed2b975.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-7825dab0.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-1ed2b975.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-7825dab0.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-1ed2b975.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-7825dab0.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-1ed2b975.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-3d1f12cc.js';
+export { _ as default } from '../../OrList-65126fc3.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-3d1f12cc.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-65126fc3.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-c493a964.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a9cd5170.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9af316c6.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-881d6f11.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-b2162648.js';
+export { _ as default } from '../../OrTree-269a94c2.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-b2162648.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-269a94c2.js';

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-d438087b.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-a52d274a.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,9 +52,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-7825dab0.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-c493a964.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-a9cd5170.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-1ed2b975.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-9af316c6.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-881d6f11.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';
@@ -109,7 +109,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-3d1f12cc.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-65126fc3.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -211,4 +211,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-b2162648.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-269a94c2.js';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-d438087b.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-a52d274a.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';
@@ -37,7 +37,7 @@ export { default as OrInlineTextEdit } from './components/OrInlineTextEdit/OrInl
 export { default as OrInlineTextareaV3 } from './components/OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrLinkV3 } from './components/OrLinkV3/OrLink.js';
 export { default as OrListOfInputs } from './components/OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from './OrList-3d1f12cc.js';
+export { O as OrListItem, _ as OrListV3 } from './OrList-65126fc3.js';
 export { default as OrNotification } from './components/OrNotification/OrNotification.js';
 export { default as OrNotificationV3 } from './components/OrNotificationV3/OrNotification.js';
 export { default as OrNumberInput } from './components/OrNumberInput/OrNumberInput.js';
@@ -83,7 +83,7 @@ export { default as useToast } from './components/OrToast/composable/useToast.js
 export { default as OrToastContainerV3 } from './components/OrToastContainerV3/OrToastContainer.js';
 export { default as useToastV3 } from './components/OrToastV3/composable/useToast.js';
 export { default as OrTooltip } from './components/OrTooltip/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-b2162648.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-269a94c2.js';
 export { OR_AVATAR_SIZE } from './components/OrAvatar/constants.js';
 export { AvatarColor, AvatarSize } from './components/OrAvatarV3/props.js';
 export { default as OrBottomSheetV3 } from './components/OrBottomSheetV3/OrBottomSheet.js';
@@ -112,9 +112,9 @@ export { default as OrCollapse } from './components/OrCollapse/OrCollapse.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './components/OrColorPicker/constants.js';
 export { ConfirmType } from './components/OrConfirmV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-7825dab0.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-c493a964.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-a9cd5170.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-1ed2b975.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-9af316c6.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-881d6f11.js';
 export { formatDate } from './components/OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './components/OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './components/OrDateTimePickerV3/utils/formatMobileTime.js';

package/dist/bundled/v3/components/OrAutocompleteV3/OrAutocomplete.js

@@ -1 +1 @@
-export { B as default } from '../OrAutocompleteV3-b912d7e2.js';
+export { B as default } from '../OrAutocompleteV3-489c3c8b.js';

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

@@ -1 +1 @@
-export { B as OrAutocompleteV3 } from '../OrAutocompleteV3-b912d7e2.js';
+export { B as OrAutocompleteV3 } from '../OrAutocompleteV3-489c3c8b.js';

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

@@ -1 +1 @@
-export { F as Autocomplete, G as AutocompleteControl, H as AutocompleteDropdown, I as AutocompleteDropdownDefault, J as AutocompleteDropdownFlipped, K as AutocompleteDropdownItem } from '../OrAutocompleteV3-b912d7e2.js';
+export { F as Autocomplete, G as AutocompleteControl, H as AutocompleteDropdown, I as AutocompleteDropdownDefault, J as AutocompleteDropdownFlipped, K as AutocompleteDropdownItem } from '../OrAutocompleteV3-489c3c8b.js';

package/dist/bundled/v3/components/{OrAutocompleteV3-b912d7e2.js → OrAutocompleteV3-489c3c8b.js}

@@ -2,14 +2,14 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, create
 import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, shallowRef, watchEffect, reactive, isVue2, readonly, defineComponent, toRef } from 'vue-demi';
 import { s as script$1 } from './OrErrorV3-b04d76aa.js';
 import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrIconButtonV3-8c92b8a7.js';
+import { s as script$3 } from './OrIconButtonV3-e0dda634.js';
 import { s as script$4, I as InputBoxVariant } from './OrInputBoxV3-efe30bd8.js';
 import { s as script$5 } from './OrLabelV3-2715e117.js';
-import { s as script$6 } from './OrLoaderV3-e0248526.js';
-import { s as script$7 } from './OrMenuItemV3-5e29e31c.js';
-import { s as script$8 } from './OrPopoverV3-638f17a8.js';
-import { s as script$9 } from './OrTagInputV3-d117c17f.js';
-import { T as TagsOverflow } from './OrTagsV3-dd7964a6.js';
+import { s as script$6 } from './OrLoaderV3-a5a91b27.js';
+import { s as script$7 } from './OrMenuItemV3-de4e7a53.js';
+import { s as script$8 } from './OrPopoverV3-72bda364.js';
+import { s as script$9 } from './OrTagInputV3-0c7c386c.js';
+import { T as TagsOverflow } from './OrTagsV3-14eaafd9.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../hooks/useValidationAttributes.js';

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

@@ -1 +1 @@
-export { a as default } from '../OrAvatar-c0b72862.js';
+export { a as default } from '../OrAvatar-22038fd2.js';

package/dist/bundled/v3/components/OrAvatar/constants.js

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-c0b72862.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-22038fd2.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-c0b72862.js';
+export { O as OR_AVATAR_SIZE, a as OrAvatar } from '../OrAvatar-22038fd2.js';

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1 +1 @@
-export { s as default } from '../OrBottomSheetV3-13d18f5d.js';
+export { s as default } from '../OrBottomSheetV3-05290f81.js';

package/dist/bundled/v3/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,4 +1,4 @@
 import 'vue-demi';
-import '../../OrAutocompleteV3-b912d7e2.js';
-export { u as default } from '../../OrBottomSheetV3-13d18f5d.js';
+import '../../OrAutocompleteV3-489c3c8b.js';
+export { u as default } from '../../OrBottomSheetV3-05290f81.js';
 import '../../../hooks/useTheme.js';

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

@@ -1 +1 @@
-export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-13d18f5d.js';
+export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-05290f81.js';

package/dist/bundled/v3/components/OrBottomSheetV3/props.js

@@ -1 +1 @@
-export { B as BottomSheetVariant } from '../OrBottomSheetV3-13d18f5d.js';
+export { B as BottomSheetVariant } from '../OrBottomSheetV3-05290f81.js';

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

@@ -1 +1 @@
-export { a as BottomSheet, e as BottomSheetContent, c as BottomSheetHandle, d as BottomSheetHeader, b as BottomSheetVariants } from '../OrBottomSheetV3-13d18f5d.js';
+export { a as BottomSheet, e as BottomSheetContent, c as BottomSheetHandle, d as BottomSheetHeader, b as BottomSheetVariants } from '../OrBottomSheetV3-05290f81.js';

package/dist/bundled/v3/components/{OrBottomSheetV3-13d18f5d.js → OrBottomSheetV3-05290f81.js}

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
-import { u as usePointerSwipe, o as onClickOutside } from './OrAutocompleteV3-b912d7e2.js';
+import { u as usePointerSwipe, o as onClickOutside } from './OrAutocompleteV3-489c3c8b.js';
 import { ref, computed, unref, defineComponent, toRefs, watch } from 'vue-demi';
 import { useTheme } from '../hooks/useTheme.js';
-import { s as script$1 } from './OrOverlayV3-1a76afdb.js';
+import { s as script$1 } from './OrOverlayV3-d84429e1.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var BottomSheetVariant;

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-c0b72862.js';
+import { s as styleInject } from '../OrAvatar-22038fd2.js';
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as script$1, LoaderViews } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonGroupV3-b2732c14.js';
+export { s as default } from '../OrButtonGroupV3-92939650.js';

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

@@ -1 +1 @@
-export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-b2732c14.js';
+export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-92939650.js';

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

@@ -1,2 +1,2 @@
-import '../OrButtonV3-4a43411c.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-b2732c14.js';
+import '../OrButtonV3-ac61b0ba.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-92939650.js';

package/dist/bundled/v3/components/{OrButtonGroupV3-b2732c14.js → OrButtonGroupV3-92939650.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-4a43411c.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-ac61b0ba.js';
 
 const ButtonGroup = [
 // Layout

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

@@ -1 +1 @@
-export { s as default } from '../OrButtonV2-3eb8d2a8.js';
+export { s as default } from '../OrButtonV2-aac21445.js';

package/dist/bundled/v3/components/OrButtonV2/constants.js

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-3eb8d2a8.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-aac21445.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-3eb8d2a8.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-aac21445.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v3/components/{OrButtonV2-3eb8d2a8.js → OrButtonV2-aac21445.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './OrAvatar-c0b72862.js';
+import { s as styleInject } from './OrAvatar-22038fd2.js';
 import { defineComponent, isVue3 } from 'vue-demi';
 import { OrIcon as script$1 } from './OrIcon/index.js';
 import { OrLoader as script$2, LoaderViews } from './OrLoader/index.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrButtonV3-4a43411c.js';
+export { s as default } from '../OrButtonV3-ac61b0ba.js';

package/dist/bundled/v3/components/OrButtonV3/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: {

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-4a43411c.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-ac61b0ba.js';

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-4a43411c.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-ac61b0ba.js';

package/dist/bundled/v3/components/OrButtonV3/styles.d.ts

@@ -3,3 +3,4 @@ export declare const Button: string[];
 export declare const ButtonVariants: Record<ButtonVariant, string[]>;
 export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
 export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
+export declare const ButtonContentLoadingStyles: Record<ButtonVariant, string[]>;

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

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, f as ButtonLoadingColors, d as ButtonVariants } from '../OrButtonV3-4a43411c.js';
+export { c as Button, e as ButtonColors, g as ButtonContentLoadingStyles, f as ButtonLoadingColors, d as ButtonVariants } from '../OrButtonV3-ac61b0ba.js';

package/dist/bundled/v3/components/{OrButtonV3-4a43411c.js → OrButtonV3-ac61b0ba.js}

@@ -1,6 +1,6 @@
-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';
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1 } from './OrLoaderV3-e0248526.js';
+import { s as script$1 } from './OrLoaderV3-a5a91b27.js';
 
 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,18 +186,19 @@ 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;
 script.__file = "src/components/or-button-v3/OrButton.vue";
 
-export { ButtonVariant as B, ButtonColor as a, ButtonType as b, Button as c, ButtonVariants as d, ButtonColors as e, ButtonLoadingColors as f, script as s };
+export { ButtonVariant as B, ButtonColor as a, ButtonType as b, Button as c, ButtonVariants as d, ButtonColors as e, ButtonLoadingColors as f, ButtonContentLoadingStyles as g, script as s };

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

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-c0b72862.js';
+import { s as styleInject } from '../OrAvatar-22038fd2.js';
 import { defineComponent } from 'vue-demi';
 
 var script = defineComponent({

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from '../OrAvatar-c0b72862.js';
+import { s as styleInject } from '../OrAvatar-22038fd2.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrCard/OrCard.js';
 import { OrIcon as script$2 } from '../OrIcon/index.js';