@onereach/ui-components 4.3.8 → 4.3.9-beta.2650.0

package/dist/bundled/v3/{OrCollapse.vue_vue_type_script_lang-5137ca99.js → OrCollapse.vue_vue_type_script_lang-45b18baf.js}

@@ -30,9 +30,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // data
     const isActive = ref(props.modelValue || props.isVisible);
     const reqAF = ref(null);
@@ -86,7 +87,8 @@ var script = defineComponent({
       reqAF.value = null;
     });
     // watchers
-    watch([() => props.modelValue, () => props.isVisible], ([newValue, newIsVisible]) => {
+    watch([() => props.modelValue, () => props.isVisible], _ref2 => {
+      let [newValue, newIsVisible] = _ref2;
       if (newValue !== isActive.value || newIsVisible !== isActive.value) {
         isActive.value = newValue || newIsVisible;
       }

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-c3d584a5.js → OrConfirm.vue_vue_type_script_lang-2c3578e7.js}

@@ -7,9 +7,9 @@ import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-9596c9e5.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-223ac3b9.js';
 
 var script = defineComponent({
   name: 'OrConfirm',
@@ -78,9 +78,10 @@ var script = defineComponent({
   },
   emits: ['open', 'close', 'confirm'],
   expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const confirmationInput = ref();

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-89febea7.js → OrConfirm.vue_vue_type_script_lang-925534a5.js}

@@ -2,13 +2,13 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-63e094a0.js';
 import './components/OrButtonV2/OrButton.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-da7f7ed0.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-4f44f547.js';
 import './components/OrModal/OrModal.js';
 import './components/OrInput/OrInput.js';
 import { BUTTON_COLOR } from './components/OrButtonV2/constants.js';
 import { OrModalSizes } from './components/OrModal/constants.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-c53617ae.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
+import { s as script$2 } from './OrModal.vue_vue_type_script_lang-ae842e5b.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-4067879f.js';
 
 var script = defineComponent({
   name: 'OrConfirm',
@@ -89,9 +89,10 @@ var script = defineComponent({
     }
   },
   emits: ['close', 'confirm'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const confirmationTextboxRef = ref();
     const confirmationButtonRef = ref();
     const confirmationValue = ref('');

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-10648c78.js → OrDatePicker.vue_vue_type_script_lang-50a9aeaf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-74896719.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-b475eb4f.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-2d4eae64.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-8ff54abd.js → OrDateTimePicker.vue_vue_type_script_lang-6fd7c75e.js}

@@ -16,8 +16,8 @@ import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-d64ad4a7.js
 import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
+import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-45b18baf.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 
 var script$1 = defineComponent({
   name: 'OrDateTimePickerCalendarItem',
@@ -82,7 +82,9 @@ var script$1 = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["or-calendar-item", _ctx.rootClasses]),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.select && _ctx.select(...args), ["prevent"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.select && _ctx.select(...arguments);
+    }, ["prevent"]))
   }, toDisplayString(_ctx.valueToShow), 3 /* TEXT, CLASS */);
 }
 

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-c14895ae.js → OrDateTimePicker.vue_vue_type_script_lang-af944f0d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-74896719.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-b475eb4f.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
@@ -14,10 +14,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-2d4eae64.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePickerMonthSelect-74896719.js → OrDateTimePickerMonthSelect-b475eb4f.js}

@@ -8,8 +8,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-4151a6c5.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-a18d3c8d.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 
 const DateTimePickerDateControl = [
@@ -342,9 +342,10 @@ var script = defineComponent({
     const yearOptions = computed(() => {
       return Array.from({
         length: 11
-      }).map((_value, index, {
-        length
-      }) => {
+      }).map((_value, index, _ref) => {
+        let {
+          length
+        } = _ref;
         const value = proxyModelValue.value.getUTCFullYear() - Math.floor(length / 2) + index;
         return new Date(Date.UTC(value, proxyModelValue.value.getUTCMonth(), proxyModelValue.value.getUTCDate(), proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
       });

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-a4558aec.js → OrIconButton.vue_vue_type_script_lang-e786c9e5.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-67f6fa3c.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-56496d67.js';
 import { IconSize } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-96cb5b59.js → OrIconButton.vue_vue_type_script_lang-fb99a3ea.js}

@@ -21,9 +21,10 @@ var script$1 = defineComponent({
     }
   },
   ...(isVue3 ? {
-    setup(props, {
-      slots
-    }) {
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
       const content = slots.default;
       if (!props.tooltipText) {
         return content;

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3317d59e.js → OrInlineInput.vue_vue_type_script_lang-65a0cff4.js}

@@ -12,7 +12,7 @@ import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-45987769.js → OrInlineTextEdit.vue_vue_type_script_lang-869c7772.js}

@@ -6,9 +6,9 @@ import { pxToRem } from './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrError/OrError.js';
 import './components/OrIconButtonV2/OrIconButton.js';
-import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';
+import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-45b18baf.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 
 var script = defineComponent({
   name: 'OrInlineTextEdit',
@@ -74,9 +74,10 @@ var script = defineComponent({
     }
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'save', 'clear'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     var _a;
     const inputRef = ref();
     const localValue = useVModel(props, 'modelValue', emit);

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-bec81f6e.js → OrInlineTextarea.vue_vue_type_script_lang-bbb820b7.js}

@@ -9,7 +9,7 @@ import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-9596c9e5.js → OrInput.vue_vue_type_script_lang-223ac3b9.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-ad995b35.js → OrInput.vue_vue_type_script_lang-4067879f.js}

@@ -8,7 +8,7 @@ import { s as script$2 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
 import './components/OrError/OrError.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import './components/OrCollapse/OrCollapse.js';
-import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';
+import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-45b18baf.js';
 
 var script = defineComponent({
   name: 'OrInput',

package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-2c7537cc.js → OrList.vue_vue_type_script_lang-8366e01b.js}

@@ -8,8 +8,8 @@ import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-da7f7ed0.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-96cb5b59.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-4f44f547.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
 
 /**!
@@ -2742,10 +2742,11 @@ var script = defineComponent({
       this.$emit('item-deleted', result);
       this.items = result;
     },
-    onUpdate({
-      oldIndex,
-      newIndex
-    }) {
+    onUpdate(_ref) {
+      let {
+        oldIndex,
+        newIndex
+      } = _ref;
       if (this.isDisabled) return;
       this.$emit('item-before-move', this.items);
       const result = _.cloneDeep(this.items);

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-009f62a5.js → OrListOfInputs.vue_vue_type_script_lang-085ca836.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-2c7537cc.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-8366e01b.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$2 } from './OrInput.vue_vue_type_script_lang-4067879f.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';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-4151a6c5.js → OrMenu.vue_vue_type_script_lang-a18d3c8d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { MenuRoot } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2d4eae64.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 
 var script = defineComponent({
@@ -60,11 +60,17 @@ var script = defineComponent({
     // Handlers
     function onClick(event) {
       const path = event.composedPath();
-      const classLists = path.filter(({
-        classList
-      }) => !!classList).map(({
-        classList
-      }) => classList);
+      const classLists = path.filter(_ref => {
+        let {
+          classList
+        } = _ref;
+        return !!classList;
+      }).map(_ref2 => {
+        let {
+          classList
+        } = _ref2;
+        return classList;
+      });
       if (classLists.some(classList => classList.contains('or-menu-item-v3'))) {
         close();
       }

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-c53617ae.js → OrModal.vue_vue_type_script_lang-ae842e5b.js}

@@ -5,20 +5,69 @@ 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';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 
 /*!
-* tabbable 6.0.1
+* tabbable 6.1.1
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var candidateSelectors = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]:not(slot)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])', 'details>summary:first-of-type', 'details'];
+// NOTE: separate `:not()` selectors has broader browser support than the newer
+//  `:not([inert], [inert] *)` (Feb 2023)
+// CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes
+//  the entire query to fail, resulting in no nodes found, which will break a lot
+//  of things... so we have to rely on JS to identify nodes inside an inert container
+var candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable="false"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];
 var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
 var NoElement = typeof Element === 'undefined';
 var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
 var getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {
-  return element.getRootNode();
+  var _element$getRootNode;
+  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);
 } : function (element) {
-  return element.ownerDocument;
+  return element === null || element === void 0 ? void 0 : element.ownerDocument;
+};
+
+/**
+ * Determines if a node is inert or in an inert ancestor.
+ * @param {Element} [node]
+ * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to
+ *  see if any of them are inert. If false, only `node` itself is considered.
+ * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
+ *  False if `node` is falsy.
+ */
+var isInert = function isInert(node, lookUp) {
+  var _node$getAttribute;
+  if (lookUp === void 0) {
+    lookUp = true;
+  }
+  // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`
+  //  JS API property; we have to check the attribute, which can either be empty or 'true';
+  //  if it's `null` (not specified) or 'false', it's an active element
+  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');
+  var inert = inertAtt === '' || inertAtt === 'true';
+
+  // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
+  //  if it weren't for `matches()` not being a function on shadow roots; the following
+  //  code works for any kind of node
+  // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
+  //  so it likely would not support `:is([inert] *)` either...
+  var result = inert || lookUp && node && isInert(node.parentNode); // recursive
+
+  return result;
+};
+
+/**
+ * Determines if a node's content is editable.
+ * @param {Element} [node]
+ * @returns True if it's content-editable; false if it's not or `node` is falsy.
+ */
+var isContentEditable = function isContentEditable(node) {
+  var _node$getAttribute2;
+  // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have
+  //  to use the attribute directly to check for this, which can either be empty or 'true';
+  //  if it's `null` (not specified) or 'false', it's a non-editable element
+  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');
+  return attValue === '' || attValue === 'true';
 };
 
 /**
@@ -28,6 +77,11 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
  * @returns {Element[]}
  */
 var getCandidates = function getCandidates(el, includeContainer, filter) {
+  // even if `includeContainer=false`, we still have to check it for inertness because
+  //  if it's inert, all its children are inert
+  if (isInert(el)) {
+    return [];
+  }
   var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
   if (includeContainer && matches.call(el, candidateSelector)) {
     candidates.unshift(el);
@@ -75,6 +129,11 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
   var elementsToCheck = Array.from(elements);
   while (elementsToCheck.length) {
     var element = elementsToCheck.shift();
+    if (isInert(element, false)) {
+      // no need to look up since we're drilling down
+      // anything inside this container will also be inert
+      continue;
+    }
     if (element.tagName === 'SLOT') {
       // add shadow dom slot scope (slot itself cannot be focusable)
       var assigned = element.assignedElements();
@@ -99,7 +158,11 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
       var shadowRoot = element.shadowRoot ||
       // check for an undisclosed shadow
       typeof options.getShadowRoot === 'function' && options.getShadowRoot(element);
-      var validShadowRoot = !options.shadowRootFilter || options.shadowRootFilter(element);
+
+      // no inert look up because we're already drilling down and checking for inertness
+      //  on the way down, so all containers to this root node should have already been
+      //  vetted as non-inert
+      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
       if (shadowRoot && validShadowRoot) {
         // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed
         //  shadow exists, so look at light dom children as fallback BUT create a scope for any
@@ -138,7 +201,7 @@ var getTabindex = function getTabindex(node, isScope) {
     // isScope is positive for custom element with shadow root or slot that by default
     // have tabIndex -1, but need to be sorted by document order in order for their
     // content to be inserted in the correct position
-    if ((isScope || /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || node.isContentEditable) && isNaN(parseInt(node.getAttribute('tabindex'), 10))) {
+    if ((isScope || /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && isNaN(parseInt(node.getAttribute('tabindex'), 10))) {
       return 0;
     }
   }
@@ -198,7 +261,7 @@ var isNonTabbableRadio = function isNonTabbableRadio(node) {
 
 // determines if a node is ultimately attached to the window's document
 var isNodeAttached = function isNodeAttached(node) {
-  var _nodeRootHost;
+  var _nodeRoot;
   // The root node is the shadow root if the node is in a shadow DOM; some document otherwise
   //  (but NOT _the_ document; see second 'If' comment below for more).
   // If rootNode is shadow root, it'll have a host, which is the element to which the shadow
@@ -218,15 +281,28 @@ var isNodeAttached = function isNodeAttached(node) {
   //  to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,
   //  using `rootNode.contains(node)` will _always_ be true we'll get false-positives when
   //  node is actually detached.
-  var nodeRootHost = getRootNode(node).host;
-  var attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && _nodeRootHost.ownerDocument.contains(nodeRootHost) || node.ownerDocument.contains(node));
-  while (!attached && nodeRootHost) {
-    var _nodeRootHost2;
-    // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,
-    //  which means we need to get the host's host and check if that parent host is contained
-    //  in (i.e. attached to) the document
-    nodeRootHost = getRootNode(nodeRootHost).host;
-    attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && _nodeRootHost2.ownerDocument.contains(nodeRootHost));
+  // NOTE: If `nodeRootHost` or `node` happens to be the `document` itself (which is possible
+  //  if a tabbable/focusable node was quickly added to the DOM, focused, and then removed
+  //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then
+  //  `ownerDocument` will be `null`, hence the optional chaining on it.
+  var nodeRoot = node && getRootNode(node);
+  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;
+
+  // in some cases, a detached node will return itself as the root instead of a document or
+  //  shadow root object, in which case, we shouldn't try to look further up the host chain
+  var attached = false;
+  if (nodeRoot && nodeRoot !== node) {
+    var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;
+    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));
+    while (!attached && nodeRootHost) {
+      var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;
+      // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,
+      //  which means we need to get the host's host and check if that parent host is contained
+      //  in (i.e. attached to) the document
+      nodeRoot = getRootNode(nodeRootHost);
+      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;
+      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));
+    }
   }
   return attached;
 };
@@ -361,7 +437,11 @@ var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
   return false;
 };
 var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
-  if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
+  if (node.disabled ||
+  // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
   // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
@@ -1318,9 +1398,10 @@ var script = defineComponent({
     }
   },
   emits: ['close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const overlay = ref();
     let container = ref(null);
     let trap = useFocusTrap(container, {

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-8e6bfbe0.js → OrModal.vue_vue_type_script_lang-c71dafa8.js}

@@ -3,8 +3,8 @@ import { ModalSize } from './components/OrModalV3/props.js';
 import { ModalRoot, ModalRootSizes, ModalHeader } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 
 var script = defineComponent({
   name: 'OrModal',

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-3cb896a6.js → OrNotification.vue_vue_type_script_lang-8bb9dfd1.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
 
 var script = defineComponent({
   name: 'OrNotification',

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

@@ -3,7 +3,7 @@ import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotif
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButton.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';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 
 /** HTML links are styled by default to match notification type */
 var script = defineComponent({

package/dist/bundled/v3/{OrNumberInput.vue_vue_type_script_lang-1d469d1f.js → OrNumberInput.vue_vue_type_script_lang-55c5ea8f.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import './components/OrInput/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-4067879f.js';
 
 var script = defineComponent({
   name: 'OrNumberInput',
@@ -64,9 +64,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const inputRef = ref();
     if (props.modelValue) {
       if (props.minValue !== undefined && props.modelValue < props.minValue) {

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-ba50133f.js → OrOverflowMenu.vue_vue_type_script_lang-638f90d1.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-da7f7ed0.js';
+import { s as script$2 } from './OrButton.vue_vue_type_script_lang-4f44f547.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-96cb5b59.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
 import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 
@@ -103,9 +103,10 @@ var script = defineComponent({
     }
   },
   emits: ['open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const target = ref();
     const content = ref(null);
     const trigger = ref();