@onereach/ui-components 4.2.0-beta.2548.0 → 4.2.0

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-d3dce7b8.js → OrListOfInputs.vue_vue_type_script_lang-009f62a5.js}

@@ -1,13 +1,13 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-c65271b9.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-2c7537cc.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{useFocusTrap-9567b3c8.js → OrModal.vue_vue_type_script_lang-c53617ae.js}

@@ -1,5 +1,11 @@
-import { unrefElement, tryOnScopeDispose } from '@vueuse/core';
-import { ref, watch } from 'vue-demi';
+import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
+import _ from 'lodash';
+import { OrModalSizes } from './components/OrModal/constants.js';
+import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
+import './components/OrIconButtonV2/OrIconButton.js';
+import './components/OrOverlay/OrOverlay.js';
+import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 
 /*!
 * tabbable 6.0.1
@@ -1265,4 +1271,100 @@ function useFocusTrap(target, options = {}) {
   };
 }
 
-export { useFocusTrap as u };
+var script = defineComponent({
+  name: 'OrModal',
+  components: {
+    OrIconButton: script$1,
+    OrOverlay: script$2
+  },
+  props: {
+    titleText: {
+      type: String,
+      required: false,
+      default: null,
+      validator: _.isString
+    },
+    showClose: {
+      type: Boolean,
+      default: true,
+      validator: _.isBoolean
+    },
+    closeOnClickOutside: {
+      type: Boolean,
+      required: false,
+      default: false,
+      validator: _.isBoolean
+    },
+    size: {
+      type: String,
+      required: false,
+      default: OrModalSizes.small
+    },
+    isOpen: {
+      type: Boolean,
+      required: true,
+      validator: _.isBoolean
+    },
+    isWithoutOverlay: {
+      type: Boolean,
+      required: false,
+      default: false,
+      validator: _.isBoolean
+    },
+    trapFocus: {
+      type: Boolean,
+      default: true,
+      validator: _.isBoolean
+    }
+  },
+  emits: ['close'],
+  setup(props, {
+    emit
+  }) {
+    const overlay = ref();
+    let container = ref(null);
+    let trap = useFocusTrap(container, {
+      immediate: props.trapFocus,
+      fallbackFocus: '.container',
+      allowOutsideClick: true
+    });
+    const handleClose = () => emit('close');
+    onClickOutside(container, evt => {
+      if (!evt.composedPath().includes(overlay.value.$el)) return;
+      if (props.closeOnClickOutside) handleClose();
+    });
+    const toggleFocusTrap = isNeedToTrap => {
+      if (isNeedToTrap && props.isOpen) {
+        trap.activate();
+      } else {
+        trap === null || trap === void 0 ? void 0 : trap.deactivate();
+      }
+    };
+    watch(() => props.trapFocus, toggleFocusTrap, {
+      immediate: true
+    });
+    watch(() => props.isOpen, isOpen => {
+      toggleFocusTrap(false);
+      if (isOpen) {
+        container = ref(null);
+      } else {
+        trap === null || trap === void 0 ? void 0 : trap.deactivate();
+      }
+    });
+    onBeforeUnmount(() => {
+      trap === null || trap === void 0 ? void 0 : trap.deactivate();
+    });
+    return {
+      container,
+      overlay,
+      handleClose
+    };
+  },
+  computed: {
+    sizeClass() {
+      return `is-${this.size}`;
+    }
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-ef4f2661.js → OrNotification.vue_vue_type_script_lang-efb05bb2.js}

@@ -2,8 +2,8 @@ import { defineComponent } from 'vue-demi';
 import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotification/constants.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 
 /** HTML links are styled by default to match notification type */
 var script = defineComponent({

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-0c461991.js → OrOverflowMenu.vue_vue_type_script_lang-ba50133f.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$2 } from './OrButton.vue_vue_type_script_lang-a4a16fe5.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-da7f7ed0.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-3d308fef.js → OrPassword.vue_vue_type_script_lang-37f52611.js}

@@ -5,7 +5,7 @@ import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 
 var script = defineComponent({
   name: 'OrPassword',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-86f4f5c7.js → OrSearch.vue_vue_type_script_lang-bcb935c3.js}

@@ -3,7 +3,7 @@ import { debouncedWatch } from '@vueuse/core';
 import './components/OrInput/OrInput.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-f7601423.js → OrSelect.vue_vue_type_script_lang-098ea3ab.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-60cefcbd.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-b274a5ee.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
 import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-d2fecd97.js → OrSelect.vue_vue_type_script_lang-c82d8f58.js}

@@ -3,13 +3,13 @@ import { onClickOutside } from '@vueuse/core';
 import _ from 'lodash';
 import { OR_SELECT_VALUE_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './components/OrSelect/constants.js';
 import './components/OrChip/OrChip.js';
-import { s as script$9 } from './OrChip.vue_vue_type_script_lang-ceebbd82.js';
+import { s as script$9 } from './OrChip.vue_vue_type_script_lang-5a390853.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, renderSlot, createVNode, createTextVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$a } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import { s as script$a } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import './components/OrCheckbox/OrCheckbox.js';
-import { s as script$b } from './OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
+import { s as script$b } from './OrCheckbox.vue_vue_type_script_lang-11b16d93.js';
 import './components/OrLoader/OrLoader.js';
 import { s as script$c } from './OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import './components/OrFloating/OrFloating.js';

package/dist/bundled/v3/{OrSlider.vue_vue_type_script_lang-900036a2.js → OrSlider.vue_vue_type_script_lang-45ecddbe.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
 import { addClass, removeClass } from './utils/functions/dom.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
 
 var script = defineComponent({
   name: 'OrSlider',

package/dist/bundled/v3/{OrStepper.vue_vue_type_script_lang-2821c496.js → OrStepper.vue_vue_type_script_lang-975a4df6.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$6 } from './OrButton.vue_vue_type_script_lang-a4a16fe5.js';
+import { s as script$6 } from './OrButton.vue_vue_type_script_lang-da7f7ed0.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-f06b54a2.js → OrTag.vue_vue_type_script_lang-621e9307.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { hexToRgb } from './utils/functions/color.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
 
 const TAG_DEFAULT_COLOR = '#91969d'; // neutral-4
 var script = defineComponent({

package/dist/bundled/v3/{OrTextbox.vue_vue_type_script_lang-b8d5341b.js → OrTextbox.vue_vue_type_script_lang-812f302d.js}

@@ -10,7 +10,7 @@ import './components/OrError/OrError.js';
 import './components/OrCollapse/OrCollapse.js';
 import useToggle from './hooks/useToggle.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import { s as script$3 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';

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

@@ -1,12 +1,12 @@
-import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-29e8ad0e.js';
-export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-29e8ad0e.js';
+import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-6511e348.js';
+export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-6511e348.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import 'lodash';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';

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

@@ -1,9 +1,9 @@
 export { OR_AVATAR_SIZE } from './constants.js';
-export { s as OrAvatar } from '../../OrAvatar.vue_vue_type_script_lang-29e8ad0e.js';
+export { s as OrAvatar } from '../../OrAvatar.vue_vue_type_script_lang-6511e348.js';
 import 'vue-demi';
 import 'lodash';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrButton.vue_vue_type_script_lang-a4a16fe5.js';
-export { s as default } from '../../OrButton.vue_vue_type_script_lang-a4a16fe5.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-da7f7ed0.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-da7f7ed0.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';

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

@@ -1,9 +1,9 @@
 export { BUTTON_COLOR, BUTTON_LOADER_TYPE, BUTTON_SIZE, BUTTON_TYPE, ICON_BUTTON_TYPE } from './constants.js';
-export { s as OrButtonV2 } from '../../OrButton.vue_vue_type_script_lang-a4a16fe5.js';
-export { s as OrIconButton } from '../../OrIconButton.vue_vue_type_script_lang-5d204461.js';
+export { s as OrButtonV2 } from '../../OrButton.vue_vue_type_script_lang-da7f7ed0.js';
+export { s as OrIconButton } from '../../OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import 'vue-demi';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
@@ -22,4 +22,4 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-76a6b7f4.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-c1d83552.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-c1d83552.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-7a2e1332.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-7a2e1332.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -7,7 +7,7 @@ import './constants.js';
 import '../OrCard/OrCard.js';
 import '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
@@ -21,7 +21,7 @@ import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-86f4f5c7.js';
+import '../../OrSearch.vue_vue_type_script_lang-bcb935c3.js';
 import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../../OrInput.vue_vue_type_script_lang-ad995b35.js';
@@ -34,9 +34,9 @@ import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
 import '../../OrCollapse.vue_vue_type_script_lang-5137ca99.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import '../../OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-76a6b7f4.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';

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

@@ -1,12 +1,12 @@
 export { CARD_COLLECTION_LAYOUT } from './constants.js';
-export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-c1d83552.js';
+export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-7a2e1332.js';
 import 'vue-demi';
 import '../OrCard/OrCard.js';
 import '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
@@ -20,7 +20,7 @@ import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-86f4f5c7.js';
+import '../../OrSearch.vue_vue_type_script_lang-bcb935c3.js';
 import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../../OrInput.vue_vue_type_script_lang-ad995b35.js';
@@ -33,9 +33,9 @@ import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
 import '../../OrCollapse.vue_vue_type_script_lang-5137ca99.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5d204461.js';
+import '../../OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-76a6b7f4.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-0e87c56b.js';
-export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-0e87c56b.js';
+import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-6976844a.js';
+export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-6976844a.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';

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

@@ -1,9 +1,9 @@
-export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-0e87c56b.js';
+export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-6976844a.js';
 export { s as OrCarouselItem } from '../../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
-export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
+import { s as script } from '../../OrCheckbox.vue_vue_type_script_lang-11b16d93.js';
+export { s as default } from '../../OrCheckbox.vue_vue_type_script_lang-11b16d93.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import 'lodash';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';

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

@@ -1,8 +1,8 @@
-export { s as OrCheckbox } from '../../OrCheckbox.vue_vue_type_script_lang-6ff51af9.js';
+export { s as OrCheckbox } from '../../OrCheckbox.vue_vue_type_script_lang-11b16d93.js';
 import 'vue-demi';
 import 'lodash';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -0,0 +1,121 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import '../OrCheckboxTreeV3/OrCheckboxTree.js';
+import { s as script$1 } from '../../OrCheckboxTree.vue_vue_type_script_lang-f9807b75.js';
+import '../OrFormGroupV3/OrFormGroup.js';
+import { FormGroupDirection } from '../OrFormGroupV3/props.js';
+import { s as script$2 } from '../../OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import '../OrCheckboxTreeV3/styles.js';
+import '../../utils/functions/flattenDeep.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../OrCheckboxV3/OrCheckbox.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-b274a5ee.js';
+import '../OrCheckboxV3/styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-5650b394.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../OrFormGroupV3/styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
+import '../OrHintV3/styles.js';
+
+var script = defineComponent({
+  name: 'OrCheckboxGroup',
+  components: {
+    OrCheckboxTree: script$1,
+    OrFormGroup: script$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    direction: {
+      type: String,
+      default: FormGroupDirection.Vertical
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrCheckboxTree = resolveComponent("OrCheckboxTree");
+  const _component_OrFormGroup = resolveComponent("OrFormGroup");
+  return openBlock(), createBlock(_component_OrFormGroup, {
+    label: _ctx.label,
+    error: _ctx.error,
+    hint: _ctx.hint,
+    disabled: _ctx.disabled,
+    direction: _ctx.direction
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
+      return openBlock(), createBlock(_component_OrCheckboxTree, {
+        key: option.value,
+        modelValue: _ctx.proxyModelValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
+        item: option,
+        disabled: _ctx.disabled || option.disabled,
+        collapsible: option.collapsible,
+        expanded: option.expanded
+      }, null, 8 /* PROPS */, ["modelValue", "item", "disabled", "collapsible", "expanded"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["label", "error", "hint", "disabled", "direction"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-checkbox-group-v3/OrCheckboxGroup.vue";
+
+export { script as default };