@onereach/ui-components 4.6.5 → 4.6.6-beta.2818.0

package/dist/bundled/v3/utils/functions/dom.js

@@ -1,5 +1,168 @@
-export { M as MutationObs, b as addClass, c as cancelAF, m as contains, t as getAttr, f as getBCR, n as getById, g as getCS, h as getMaxZIndex, v as getStyle, u as hasAttr, o as hasClass, j as isVisible, w as offset, x as position, a as reflow, q as removeAttr, d as removeClass, i as removeNode, e as removeStyle, r as requestAF, l as select, k as selectAll, p as setAttr, s as setStyle } from '../../dom-700444b4.js';
-import '../../get-ab1b7d93.js';
-import '../../isObject-fe8b81fd.js';
-import '../../toString-f3196832.js';
-import '../../eq-95cd2573.js';
+import isElement from 'lodash/isElement';
+import get from 'lodash/get';
+
+const WINDOW = typeof window !== 'undefined' ? window : null;
+const MutationObs = (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.MutationObserver) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.WebKitMutationObserver) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.MozMutationObserver) || null;
+const requestAF = ((WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.requestAnimationFrame) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.webkitRequestAnimationFrame) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.mozRequestAnimationFrame) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.msRequestAnimationFrame) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.oRequestAnimationFrame) || (
+// Fallback, but not a true polyfill
+// Only needed for Opera Mini
+cb => setTimeout(cb, 16))).bind(WINDOW);
+// eslint-disable-next-line no-unsafe-optional-chaining
+const cancelAF = ((WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.cancelAnimationFrame) || (WINDOW === null || WINDOW === void 0 ? void 0 : WINDOW.mozCancelAnimationFrame)).bind(WINDOW);
+// Remove a node from DOM
+const removeNode = el => {
+  el && el.parentNode && el.parentNode.removeChild(el);
+};
+// Determine if an HTML element is visible - Faster than CSS check
+const isVisible = el => {
+  if (!isElement(el) || !el.parentNode || !contains(document.body, el)) {
+    // Note this can fail for shadow dom elements since they
+    // are not a direct descendant of document.body
+    return false;
+  }
+  if (getStyle(el, 'display') === 'none') {
+    // We do this check to help with vue-test-utils when using v-show
+    return false;
+  }
+  // All browsers support getBoundingClientRect(), except JSDOM as it returns all 0's for values :(
+  // So any tests that need isVisible will fail in JSDOM
+  // Except when we override the getBCR prototype in some tests
+  const bcr = getBCR(el);
+  return !!(bcr && bcr.height > 0 && bcr.width > 0);
+};
+// Cause/wait-for an element to reflow its content (adjusting its height/width)
+const reflow = el => {
+  // Requesting an elements offsetHeight will trigger a reflow of the element content
+  return get(el, ['offsetHeight'], null);
+};
+// Select all elements matching selector. Returns `[]` if none found
+const selectAll = (selector, root) => [...(root && isElement(root) ? root : document).querySelectorAll(selector)];
+// Select a single element, returns `null` if not found
+const select = (selector, root) => (root && isElement(root) ? root : document).querySelector(selector) || null;
+// Returns true if the parent element contains the child element
+const contains = (parent, child) => parent && typeof parent.contains === 'function' ? parent.contains(child) : false;
+// Get an element given an ID
+const getById = id => document.getElementById(/^#/.test(id) ? id.slice(1) : id) || null;
+// Add a class to an element
+const addClass = (el, className) => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) {
+    el.classList.add(className);
+  }
+};
+// Remove a class from an element
+const removeClass = (el, className) => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) el.classList.remove(className);
+};
+// Test if an element has a class
+const hasClass = (el, className) => {
+  // We are checking for `el.classList` existence here since IE 11
+  // returns `undefined` for some elements (e.g. SVG elements)
+  if (className && isElement(el) && el.classList) return el.classList.contains(className);
+  return false;
+};
+// Set an attribute on an element
+const setAttr = (el, attr, value) => {
+  if (attr && isElement(el)) {
+    el.setAttribute(attr, value);
+  }
+};
+// Remove an attribute from an element
+const removeAttr = (el, attr) => {
+  if (attr && isElement(el)) {
+    el.removeAttribute(attr);
+  }
+};
+// Get an attribute value from an element
+const getAttr = (el, attr) => attr && isElement(el) ? el.getAttribute(attr) : null;
+// Determine if an attribute exists on an element
+// Returns `true` or `false`, or `null` if element not found
+const hasAttr = (el, attr) => attr && isElement(el) ? el.hasAttribute(attr) : null;
+// Set an style property on an element
+const setStyle = (el, prop, value) => {
+  if (prop && isElement(el)) {
+    el.style[prop] = value;
+  }
+};
+// Remove an style property from an element
+const removeStyle = (el, prop) => {
+  if (prop && isElement(el)) {
+    el.style[prop] = '';
+  }
+};
+// Get an style property value from an element
+// Returns `null` if not found
+const getStyle = (el, prop) => prop && isElement(el) ? el.style[prop] || null : null;
+// Return the Bounding Client Rect of an element
+const getBCR = el => isElement(el) ? el.getBoundingClientRect() : null;
+// Get computed style object for an element
+const getCS = el => get(WINDOW, 'getComputedStyle', null) && isElement(el) ? getComputedStyle(el) : {};
+// Return an element's offset with respect to document element
+const offset = el => {
+  const _offset = {
+    top: 0,
+    left: 0
+  };
+  if (!isElement(el) || el.getClientRects().length === 0) {
+    return _offset;
+  }
+  const bcr = getBCR(el);
+  if (bcr) {
+    const win = el.ownerDocument.defaultView;
+    _offset.top = bcr.top + get(win, 'pageYOffset', 0);
+    _offset.left = bcr.left + get(win, 'pageXOffset', 0);
+  }
+  return _offset;
+};
+// Return an element's offset with respect to to its offsetParent
+const position = el => {
+  let _offset = {
+    top: 0,
+    left: 0
+  };
+  if (!isElement(el)) {
+    return _offset;
+  }
+  let parentOffset = {
+    top: 0,
+    left: 0
+  };
+  const elStyles = getCS(el);
+  if (elStyles.position === 'fixed') {
+    _offset = getBCR(el) || _offset;
+  } else {
+    _offset = offset(el);
+    const doc = el.ownerDocument;
+    let offsetParent = el.offsetParent || doc.documentElement;
+    while (offsetParent && (offsetParent === doc.body || offsetParent === doc.documentElement) && getCS(offsetParent).position === 'static') {
+      offsetParent = offsetParent.parentNode;
+    }
+    if (offsetParent && offsetParent !== el && offsetParent.nodeType === Node.ELEMENT_NODE) {
+      parentOffset = offset(offsetParent);
+      const offsetParentStyles = getCS(offsetParent);
+      parentOffset.top += parseFloat(offsetParentStyles.borderTopWidth);
+      parentOffset.left += parseFloat(offsetParentStyles.borderLeftWidth);
+    }
+  }
+  return {
+    top: _offset.top - parentOffset.top - parseFloat(elStyles.marginTop),
+    left: _offset.left - parentOffset.left - parseFloat(elStyles.marginLeft)
+  };
+};
+const getMaxZIndex = element => {
+  let maxZIndex = 0;
+  while (element) {
+    const cs = getCS(element);
+    const zIndex = cs.zIndex;
+    if (zIndex !== 'auto') {
+      maxZIndex = +zIndex > maxZIndex ? +zIndex : maxZIndex;
+    }
+    element = element.parentElement;
+  }
+  return maxZIndex;
+};
+
+export { MutationObs, addClass, cancelAF, contains, getAttr, getBCR, getById, getCS, getMaxZIndex, getStyle, hasAttr, hasClass, isVisible, offset, position, reflow, removeAttr, removeClass, removeNode, removeStyle, requestAF, select, selectAll, setAttr, setStyle };

package/dist/esm/v2/{OrBottomSheet-0592ccb2.js → OrBottomSheet-4244ab1c.js}

@@ -1,7 +1,9 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watch, unref } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-8a95a300.js';
-import { _ as __vue_component__$1 } from './OrOverlay-f791976c.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import { _ as __vue_component__$1 } from './OrOverlay-948346df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var BottomSheetVariant;

package/dist/esm/v2/{OrCardCollection-2b9bc050.js → OrCardCollection-20e66b6e.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$2 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$2 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$4 } from './OrMenu-a35caf3b.js';
-import './OrPopover-a8950b85.js';
-import { _ as __vue_component__$7 } from './OrSearch-19c157b3.js';
+import { _ as __vue_component__$4 } from './OrMenu-a376f4a7.js';
+import './OrPopover-fff4a3a4.js';
+import { _ as __vue_component__$7 } from './OrSearch-9027a8e2.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCheckbox-3a8c93ad.js → OrCheckbox-41f2822d.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrCheckboxGroup-b0d95dd6.js → OrCheckboxGroup-97cfcbda.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-29a514db.js';
-import { _ as __vue_component__$1 } from './OrCheckboxTree-54b0fdc1.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-a7dc126c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrCheckboxTree-54b0fdc1.js → OrCheckboxTree-a7dc126c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrCheckbox-3a8c93ad.js';
+import { _ as __vue_component__$2 } from './OrCheckbox-41f2822d.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrConfirm-3f19c23b.js → OrConfirm-65cc835a.js}

@@ -2,9 +2,11 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-8a95a300.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-9622e713.js';
-import { _ as __vue_component__$3 } from './OrInput-1a2b8ad9.js';
-import { _ as __vue_component__$1 } from './OrOverlay-f791976c.js';
+import { _ as __vue_component__$3 } from './OrInput-bfbb6522.js';
+import { _ as __vue_component__$1 } from './OrOverlay-948346df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ConfirmType;

package/dist/esm/v2/{OrDatePicker-e991e7b2.js → OrDatePicker-9fb8810c.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a84af34e.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-d75a849c.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a50f9f56.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$a } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$a } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-7f3c0ee9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { _ as __vue_component__$c } from './OrLabel-63380256.js';
-import { _ as __vue_component__$d } from './OrPopover-a8950b85.js';
+import { _ as __vue_component__$d } from './OrPopover-fff4a3a4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DatePicker = [

package/dist/esm/v2/{OrDateTimePicker-7bbd81d1.js → OrDateTimePicker-4032b280.js}

@@ -2,14 +2,14 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$a } from './OrHint-aa221198.js';
-import { _ as __vue_component__$c } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$c } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$d } from './OrInputBox-7f3c0ee9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { _ as __vue_component__$e } from './OrLabel-63380256.js';
-import { _ as __vue_component__$f } from './OrPopover-a8950b85.js';
+import { _ as __vue_component__$f } from './OrPopover-fff4a3a4.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a84af34e.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-d75a849c.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-a50f9f56.js';
 import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-eecdd8ab.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePickerMonthSelect-d75a849c.js → OrDateTimePickerMonthSelect-a50f9f56.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$5 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$5 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$6 } from './OrMenu-a35caf3b.js';
-import './OrPopover-a8950b85.js';
+import { _ as __vue_component__$6 } from './OrMenu-a376f4a7.js';
+import './OrPopover-fff4a3a4.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {

package/dist/esm/v2/{OrIconButton-75972865.js → OrIconButton-24be052f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-0dc63c1a.js';
-import './OrPopover-a8950b85.js';
+import { _ as __vue_component__$2 } from './OrTooltip-ab6c05c5.js';
+import './OrPopover-fff4a3a4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-cf17dbb2.js → OrInlineInput-dd95fc1b.js}

@@ -1,10 +1,12 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$3 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextarea-2b0e2f39.js → OrInlineTextarea-194515fa.js}

@@ -1,10 +1,12 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$3 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-1a2b8ad9.js → OrInput-bfbb6522.js}

@@ -2,10 +2,12 @@ import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$4 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-7f3c0ee9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';

package/dist/esm/v2/{OrMenu-a35caf3b.js → OrMenu-a376f4a7.js}

@@ -1,7 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-8a95a300.js';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-a8950b85.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-fff4a3a4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuRoot = [

package/dist/esm/v2/{OrModal-4aaae6bc.js → OrModal-e6acc87a.js}

@@ -1,9 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-8a95a300.js';
-import { _ as __vue_component__$5 } from './OrOverlay-f791976c.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import { _ as __vue_component__$5 } from './OrOverlay-948346df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$4 } from './OrIconButton-24be052f.js';
 
 const ModalContent = [
 // Layout

package/dist/esm/v2/{OrNotification-a773f1df.js → OrNotification-650aab04.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$2 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrOverlay-f791976c.js → OrOverlay-948346df.js}

@@ -1,6 +1,8 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrTeleport.vue2-424c7f33.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-3513165d.js → OrPagination-7be2401b.js}

@@ -1,11 +1,13 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$3 } from './OrMenu-a35caf3b.js';
-import './OrPopover-a8950b85.js';
+import { _ as __vue_component__$3 } from './OrMenu-a376f4a7.js';
+import './OrPopover-fff4a3a4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPassword-1de0dc6c.js → OrPassword-681f8c53.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrInput-014d2e47.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import './OrButton.vue_rollup-plugin-vue_styles.0-3b064042.js';
 import { _ as __vue_component__$2 } from './OrIconButton-544ee642.js';

package/dist/esm/v2/{OrPopover-a8950b85.js → OrPopover-fff4a3a4.js}

@@ -4,7 +4,9 @@ import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'v
 import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-8a95a300.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-0592ccb2.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import { _ as __vue_component__$1 } from './OrBottomSheet-4244ab1c.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrProgress-102e3b5d.js → OrProgress-e079e857.js}

@@ -2,6 +2,8 @@ import { useElementBounding } from '@vueuse/core';
 import round from 'lodash/round';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ProgressColor;

package/dist/esm/v2/{OrRadio-a812088f.js → OrRadio-23810acd.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrRadioGroup-0de37d76.js → OrRadioGroup-0e1bf22c.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrFormGroup-29a514db.js';
-import { _ as __vue_component__$2 } from './OrRadio-a812088f.js';
+import { _ as __vue_component__$2 } from './OrRadio-23810acd.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-19c157b3.js → OrSearch-9027a8e2.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-1a2b8ad9.js';
+import { _ as __vue_component__$1 } from './OrInput-bfbb6522.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-991b8be3.js → OrSelect-b7e9eaa7.js}

@@ -2,18 +2,20 @@ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch }
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-3a8c93ad.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import { _ as __vue_component__$1, i as isEmptyValue } from './OrCheckbox-41f2822d.js';
 import { _ as __vue_component__$2 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-d3a2218d.js';
 import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrInputBox-7f3c0ee9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
-import { _ as __vue_component__$6 } from './OrInput-1a2b8ad9.js';
+import { _ as __vue_component__$6 } from './OrInput-bfbb6522.js';
 import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$a } from './OrPopover-a8950b85.js';
-import { _ as __vue_component__$b } from './OrTag-aa46cecd.js';
+import { _ as __vue_component__$a } from './OrPopover-fff4a3a4.js';
+import { _ as __vue_component__$b } from './OrTag-6a60ef87.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrSidebar-bfbb8b0a.js → OrSidebar-466d8244.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-a98037d6.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-3009ed8e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-a98037d6.js → OrSidebarCollapseButton-3009ed8e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$1 } from './OrIconButton-24be052f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrSwitch-9fae0bae.js → OrSwitch-cb97f4d3.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-63380256.js';
 import { _ as __vue_component__$2 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrTabs-abf290af.js → OrTabs-cce59ff2.js}

@@ -2,8 +2,8 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$2 } from './OrMenu-a35caf3b.js';
-import './OrPopover-a8950b85.js';
+import { _ as __vue_component__$2 } from './OrMenu-a376f4a7.js';
+import './OrPopover-fff4a3a4.js';
 import { _ as __vue_component__$4 } from './OrTab-5b198746.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-aa46cecd.js → OrTag-6a60ef87.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$1 } from './OrIconButton-24be052f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTags-2a567e79.js → OrTags-e4d6bf08.js}

@@ -1,9 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$2 } from './OrPopover-a8950b85.js';
-import { _ as __vue_component__$3 } from './OrTag-aa46cecd.js';
+import { _ as __vue_component__$2 } from './OrPopover-fff4a3a4.js';
+import { _ as __vue_component__$3 } from './OrTag-6a60ef87.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tags = [

package/dist/esm/v2/{OrTextarea-e5c66426.js → OrTextarea-01df0715.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';

package/dist/esm/v2/{OrTextbox-c85d7fe6.js → OrTextbox-a937432f.js}

@@ -1,5 +1,7 @@
 import { defineComponent, ref, computed, getCurrentInstance } from 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import { u as useToggle } from './useToggle-c04fc920.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';

package/dist/esm/v2/{OrTimePicker-766637cb.js → OrTimePicker-7cbcc2c0.js}

@@ -4,12 +4,12 @@ import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_componen
 import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-eecdd8ab.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-75972865.js';
+import { _ as __vue_component__$9 } from './OrIconButton-24be052f.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$a } from './OrInputBox-7f3c0ee9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js';
 import { _ as __vue_component__$b } from './OrLabel-63380256.js';
-import { _ as __vue_component__$c } from './OrPopover-a8950b85.js';
+import { _ as __vue_component__$c } from './OrPopover-fff4a3a4.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [