@onereach/ui-components 4.16.2-beta.3085.0 → 4.16.2-beta.3089.0

package/dist/esm/v2/utils/index.d.ts

@@ -0,0 +1,13 @@
+export * from './constants/color';
+export * from './constants/key-codes';
+export * from './constants/poper';
+export * from './constants/regex';
+export * from './functions/color';
+export * from './functions/dom';
+export * from './functions/flattenDeep';
+export * from './functions/hash';
+export * from './functions/px-to-rem';
+export * from './functions/text';
+export * from './isEmpty';
+export * from './isEmptyValue';
+export * from './isVisible';

package/dist/esm/v2/utils/index.js

@@ -0,0 +1,8 @@
+export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from '../color-6b0fc765.js';
+export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation } from '../text-7e939ab3.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-aecadd9a.js';
+export { p as pxToRem } from '../px-to-rem-0b26b83e.js';
+export { i as isEmpty } from '../isEmpty-52fa842a.js';
+export { i as isEmptyValue } from '../isEmptyValue-fd56a6e4.js';
+import 'lodash/isElement';
+import 'lodash/get';

package/dist/esm/v3/{OrAvatar-3ccb5f60.js → OrAvatar-07fe6686.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
-import { h as hslToColorString, g as generateHslFromString } from './color-40b7fe6b.js';
+import { G as hslToColorString, F as generateHslFromString } from './color-6b0fc765.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrAvatar-6e998746.js → OrAvatar-c1b2339e.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-d8ea7901.js';
+import { s as script$1 } from './OrIcon-f7130a5c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrBottomSheet-efca7190.js → OrBottomSheet-2d3d91ef.js}

@@ -1,10 +1,9 @@
-import { usePointerSwipe, SwipeDirection, onClickOutside } from '@vueuse/core';
-import { ref, unref, computed, defineComponent, toRef, watch } from 'vue-demi';
+import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
+import { defineComponent, ref, computed, toRef, watch, unref } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrOverlay-489fdf76.js';
-import { u as useTheme } from './useTheme-e23d13c8.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 
 var BottomSheetVariant;
@@ -52,72 +51,6 @@ const BottomSheetHeader = [
 'px-lg', 'py-md',
 // Typography
 'typography-headline-3'];
-const BottomSheetContent = ['grow'];
-
-function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
-  const inlineSwipingStyles = ref({});
-  const skipSwipe = ref(false);
-  const theme = useTheme();
-  const isEventSkipped = event => {
-    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
-  };
-  const {
-    isSwiping
-  } = usePointerSwipe(root, {
-    threshold: 12,
-    onSwipe(event) {
-      skipSwipe.value = isEventSkipped(event);
-      if (variant.value === BottomSheetVariant.Advanced) {
-        const rootElement = unref(root);
-        inlineSwipingStyles.value = {
-          transitionProperty: 'none',
-          minHeight: `${rootElement.clientHeight - event.offsetY}px`,
-          maxHeight: `${rootElement.clientHeight - event.offsetY}px`
-        };
-      }
-    },
-    onSwipeEnd(event, direction) {
-      if (isEventSkipped(event)) {
-        return;
-      }
-      if (variant.value === BottomSheetVariant.Advanced) {
-        switch (direction) {
-          case SwipeDirection.UP:
-            fullscreen.value = true;
-            break;
-          case SwipeDirection.DOWN:
-            if (fullscreen.value) {
-              fullscreen.value = false;
-            } else {
-              close();
-            }
-            break;
-        }
-      }
-    }
-  });
-  const rootInlineStyles = computed(() => {
-    if (variant.value === BottomSheetVariant.Basic) {
-      return {
-        transitionProperty: 'min-height, max-height',
-        minHeight: '0',
-        maxHeight: `calc(100% - ${theme.spacing.xl})`
-      };
-    }
-    return isSwiping.value && !skipSwipe.value ? inlineSwipingStyles.value : fullscreen.value ? {
-      transitionProperty: 'min-height, max-height',
-      minHeight: `calc(100% - ${theme.spacing.xl})`,
-      maxHeight: `calc(100% - ${theme.spacing.xl})`
-    } : {
-      transitionProperty: 'min-height, max-height',
-      minHeight: '0',
-      maxHeight: '50%'
-    };
-  });
-  return {
-    rootInlineStyles
-  };
-}
 
 var script = defineComponent({
   name: 'OrBottomSheet',
@@ -141,6 +74,10 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const content = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const handleStyles = computed(() => [...BottomSheetHandle]);
+    const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
     const {
       state,
@@ -149,17 +86,64 @@ var script = defineComponent({
       toggle
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const fullscreen = ref(false);
-    // Effects
-    // #region Swipe
-    const {
-      rootInlineStyles
-    } = useBottomSheetSwipeState(root, content, fullscreen, toRef(props, 'variant'), close);
-    // #endregion
     watch(state, value => {
       if (value === 'closed') {
         fullscreen.value = false;
       }
     });
+    const isEventSkipped = event => {
+      return event.composedPath().includes(content.value) && fullscreen.value;
+    };
+    // Effects
+    // #region Swipe
+    const swipeOptions = {
+      threshold: 4,
+      onSwipe(event) {
+        if (isEventSkipped(event)) {
+          return;
+        }
+        if (props.variant === BottomSheetVariant.Advanced) {
+          const rootElement = unref(root);
+          Object.assign(rootElement.style, {
+            transitionProperty: 'none',
+            minHeight: `${rootElement.clientHeight - event.offsetY}px`,
+            maxHeight: `${rootElement.clientHeight - event.offsetY}px`
+          });
+        }
+      },
+      onSwipeEnd(event, direction) {
+        if (isEventSkipped(event)) {
+          return;
+        }
+        if (props.variant === BottomSheetVariant.Advanced) {
+          const rootElement = unref(root);
+          switch (direction) {
+            case SwipeDirection.UP:
+              Object.assign(rootElement.style, {
+                transitionProperty: 'min-height, max-height',
+                minHeight: '100%',
+                maxHeight: '100%'
+              });
+              fullscreen.value = true;
+              break;
+            case SwipeDirection.DOWN:
+              Object.assign(rootElement.style, {
+                transitionProperty: 'min-height, max-height',
+                minHeight: '0',
+                maxHeight: '50%'
+              });
+              if (fullscreen.value) {
+                fullscreen.value = false;
+              } else {
+                close();
+              }
+              break;
+          }
+        }
+      }
+    };
+    usePointerSwipe(root, swipeOptions);
+    // #endregion
     // #region Click Outside
     onClickOutside(root, event => {
       const path = event.composedPath();
@@ -173,17 +157,10 @@ var script = defineComponent({
       }
     });
     // #endregion
-    // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
-    const handleStyles = computed(() => [...BottomSheetHandle]);
-    const headerStyles = computed(() => [...BottomSheetHeader]);
-    const contentStyles = computed(() => [...BottomSheetContent, fullscreen.value || props.variant === BottomSheetVariant.Basic ? 'overflow-y-auto' : 'overflow-hidden']);
     return {
       root,
       content,
       rootStyles,
-      rootInlineStyles,
-      contentStyles,
       handleStyles,
       headerStyles,
       state,
@@ -204,8 +181,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"
     }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
-      style: _ctx.rootInlineStyles
+      class: _ctx.rootStyles
     }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: normalizeClass(_ctx.handleStyles)
@@ -213,7 +189,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
       ref: "content",
-      class: normalizeClass(_ctx.contentStyles)
+      class: normalizeClass([_ctx.fullscreen ? 'overflow-y-auto' : 'overflow-hidden'])
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */

package/dist/esm/v3/{OrButton-78a118d7.js → OrButton-130ad8d9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, isVue3 } from 'vue-demi';
-import { s as script$1 } from './OrIcon-d8ea7901.js';
-import { s as script$2, L as LoaderViews } from './OrLoader-7b006619.js';
-import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-ad0cbc8d.js';
+import { s as script$1 } from './OrIcon-f7130a5c.js';
+import { s as script$2, L as LoaderViews } from './OrLoader-d28a8ebf.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-287bb86a.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';
 

package/dist/esm/v3/{OrButton-0082a3ce.js → OrButton-9118c20e.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue-demi';
-import { s as script$1, L as LoaderViews } from './OrLoader-7b006619.js';
+import { s as script$1, L as LoaderViews } from './OrLoader-d28a8ebf.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrCardCollection-0adc842d.js → OrCardCollection-6352565a.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fe133b18.js';
-import { s as script$4 } from './OrSearch-94019f8b.js';
+import { s as script$2 } from './OrIconButton-81bade23.js';
+import { s as script$4 } from './OrSearch-47b052ea.js';
 import './OrInputBox-912a6254.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
-import { s as script$3 } from './OrSorting-012e0c6b.js';
+import { s as script$3 } from './OrSorting-a4247ad1.js';
 
 const CardCollectionRoot = [
 // Layout

package/dist/esm/v3/{OrCardCollection-b9218f98.js → OrCardCollection-8c81a2d5.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
-import { s as script$2 } from './OrIcon-d8ea7901.js';
-import { s as script$3 } from './OrSearch-d0c8aca7.js';
-import './OrButton-78a118d7.js';
-import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
+import { s as script$2 } from './OrIcon-f7130a5c.js';
+import { s as script$3 } from './OrSearch-2800e9bf.js';
+import './OrButton-130ad8d9.js';
+import { s as script$4 } from './OrIconButton-287bb86a.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';
 

package/dist/esm/v3/{OrCheckbox-494a8d9e.js → OrCheckbox-09f62aab.js}

@@ -4,14 +4,11 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
+import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
-function isEmptyValue(val) {
-  return val === undefined || val === null || val === '';
-}
-
 const CheckboxRoot = [
 // Layout
 'layout-row',
@@ -178,4 +175,4 @@ script.render = render;
 script.__scopeId = "data-v-5358d710";
 script.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
 
-export { isEmptyValue as i, script as s };
+export { script as s };

package/dist/esm/v3/{OrCheckbox-72ae9748.js → OrCheckbox-5666c954.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-d8ea7901.js';
+import { s as script$1 } from './OrIcon-f7130a5c.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';
 

package/dist/esm/v3/{OrCheckboxGroup-92f6ef31.js → OrCheckboxGroup-e0afc5c3.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrCheckboxTree-51bd4e21.js';
+import { s as script$1 } from './OrCheckboxTree-76f1b7ed.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-9f581536.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-51bd4e21.js → OrCheckboxTree-76f1b7ed.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrCheckbox-494a8d9e.js';
+import { s as script$2 } from './OrCheckbox-09f62aab.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 
@@ -184,4 +184,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-checkbox-tree-v3/OrCheckboxTree.vue";
 
-export { flattenDeep as f, script as s };
+export { script as s };

package/dist/esm/v3/{OrChip-857982e0.js → OrChip-74e27265.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-d8ea7901.js';
+import { s as script$1 } from './OrIcon-f7130a5c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrChips-053f3a92.js → OrChips-348b13e4.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$2 } from './OrChip-857982e0.js';
+import { s as script$2 } from './OrChip-74e27265.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode, withCtx, renderSlot, createCommentVNode, createVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$3 } from './OrLabel-a7d99df4.js';

package/dist/esm/v3/{OrCode-a252b73f.js → OrCode-01a2a0fe.js}

@@ -15,10 +15,10 @@ import { u as useTheme } from './useTheme-e23d13c8.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fe133b18.js';
+import { s as script$3 } from './OrIconButton-81bade23.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrModal-3ebc1346.js';
+import { s as script$6 } from './OrModal-d2038c15.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrCode-2f8cdf96.js → OrCode-0aadc737.js}

@@ -4,12 +4,12 @@ import { indentWithTab } from '@codemirror/commands';
 import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, ref } from 'vue-demi';
-import './OrButton-78a118d7.js';
-import { s as script$1 } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$1 } from './OrIconButton-287bb86a.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
 import { s as script$6 } from './OrLabel-a7d99df4.js';
-import { s as script$2 } from './OrModal-f3a4813a.js';
+import { s as script$2 } from './OrModal-b2060770.js';
 import { s as script$3 } from './OrTeleport.vue3-9bce0c02.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v3/{OrCollapse-a06f22aa.js → OrCollapse-d7c0afae.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as setStyle, r as requestAF, a as reflow, b as removeStyle, c as cancelAF, g as getBCR } from './dom-f1d55b67.js';
+import { o as setStyle, r as requestAF, b as reflow, p as removeStyle, c as cancelAF, t as getBCR } from './dom-aecadd9a.js';
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, vShow, Fragment, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrColorPicker-475c0be4.js → OrColorPicker-252f482b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrConfirm-e3e225b3.js → OrConfirm-646b9ec3.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-5ffebd41.js';
+import { s as script$3 } from './OrInput-eb04fa3a.js';
 import { s as script$1 } from './OrOverlay-489fdf76.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrConfirm-704f817e.js → OrConfirm-97ab80b9.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrButton-78a118d7.js';
-import { a as BUTTON_COLOR } from './OrIconButton-ad0cbc8d.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-f3a4813a.js';
-import { s as script$3 } from './OrInput-9be9a209.js';
+import { s as script$1 } from './OrButton-130ad8d9.js';
+import { a as BUTTON_COLOR } from './OrIconButton-287bb86a.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-b2060770.js';
+import { s as script$3 } from './OrInput-2c3111c2.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrDatePicker-6993440a.js → OrDatePicker-6349f608.js}

@@ -4,14 +4,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-3c26fc72.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-fe133b18.js';
+import { s as script$a } from './OrIconButton-81bade23.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
-import { s as script$d } from './OrPopover-6d433297.js';
+import { s as script$d } from './OrPopover-56ba40ab.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [

package/dist/esm/v3/{OrDateTimePicker-c19dcefc.js → OrDateTimePicker-4bfefbcd.js}

@@ -1,14 +1,14 @@
 import padStart from 'lodash/padStart';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrFloating-1a9ccfe9.js';
+import { s as script$2 } from './OrFloating-052ede5f.js';
 import { s as script$3 } from './OrLabel-a7d99df4.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
-import { s as script$6 } from './OrCollapse-a06f22aa.js';
-import './OrButton-78a118d7.js';
-import { s as script$7 } from './OrIconButton-ad0cbc8d.js';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
+import { s as script$6 } from './OrCollapse-d7c0afae.js';
+import './OrButton-130ad8d9.js';
+import { s as script$7 } from './OrIconButton-287bb86a.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrDateTimePicker-fd642cb1.js → OrDateTimePicker-d843ed5f.js}

@@ -6,12 +6,12 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$a } from './OrError-c01d0c29.js';
 import { s as script$b } from './OrHint-06ab89d7.js';
-import { s as script$d } from './OrIconButton-fe133b18.js';
+import { s as script$d } from './OrIconButton-81bade23.js';
 import { s as script$c } from './OrIcon-62793572.js';
 import { s as script$e, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$f } from './OrLabel-4da56db0.js';
-import { s as script$g } from './OrPopover-6d433297.js';
-import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.js';
+import { s as script$g } from './OrPopover-56ba40ab.js';
+import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-3c26fc72.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, resolveDirective, renderSlot, withDirectives } from 'vue';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-ece5b2a7.js → OrDateTimePickerPopoverHeader-3c26fc72.js}

@@ -6,11 +6,11 @@ import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-c2b6aa9e.js';
 import { s as script$7 } from './OrLabel-4da56db0.js';
-import { s as script$9 } from './OrIconButton-fe133b18.js';
+import { s as script$9 } from './OrIconButton-81bade23.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$a } from './OrMenu-20ca3870.js';
-import './OrPopover-6d433297.js';
+import { s as script$a } from './OrMenu-eff42b15.js';
+import './OrPopover-56ba40ab.js';
 
 function useCurrentDate() {
   const currentDate = new Date();

package/dist/esm/v3/{OrFloating-1a9ccfe9.js → OrFloating-052ede5f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, nextTick } from 'vue-demi';
 import { autoUpdate, computePosition, offset, hide, flip, shift } from '@floating-ui/dom';
 import { s as script$1 } from './OrTeleport.vue3-9bce0c02.js';
-import { e as getMaxZIndex, d as getCS } from './dom-f1d55b67.js';
+import { x as getMaxZIndex, u as getCS } from './dom-aecadd9a.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrIcon-d8ea7901.js → OrIcon-f7130a5c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
-import './OrTooltip-c1006713.js';
+import './OrTooltip-7ac03028.js';
 import { s as script$1 } from './OrTooltipContent-c0042844.js';
-import { s as script$2, O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+import { s as script$2, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrIconButton-ad0cbc8d.js → OrIconButton-287bb86a.js}

@@ -1,9 +1,9 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
-import { s as script$3 } from './OrIcon-d8ea7901.js';
-import { s as script$4 } from './OrLoader-7b006619.js';
-import { s as script$2 } from './OrTooltip-c1006713.js';
+import { s as script$3 } from './OrIcon-f7130a5c.js';
+import { s as script$4 } from './OrLoader-d28a8ebf.js';
+import { s as script$2 } from './OrTooltip-7ac03028.js';
 import './OrTooltipContent-c0042844.js';
-import { O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+import { O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, toHandlers, createBlock, createCommentVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrIconButton-fe133b18.js → OrIconButton-81bade23.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-2422971c.js';
-import './OrPopover-6d433297.js';
+import { s as script$2 } from './OrTooltip-bd35ec20.js';
+import './OrPopover-56ba40ab.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-7342053f.js → OrInlineInput-42f6e95a.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fe133b18.js';
+import { s as script$3 } from './OrIconButton-81bade23.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextEdit-6bf54bd0.js → OrInlineTextEdit-a3c4c7dc.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { s as script$1 } from './OrCollapse-a06f22aa.js';
+import { s as script$1 } from './OrCollapse-d7c0afae.js';
 import { s as script$2 } from './OrError-f90296db.js';
-import './OrButton-78a118d7.js';
-import { s as script$3 } from './OrIconButton-ad0cbc8d.js';
+import './OrButton-130ad8d9.js';
+import { s as script$3 } from './OrIconButton-287bb86a.js';
 import { useVModel } from '@vueuse/core';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, withKeys, vModelText, createCommentVNode, toDisplayString, createBlock, createVNode, withCtx, Transition } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-10657b96.js → OrInlineTextarea-651c67e6.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fe133b18.js';
+import { s as script$3 } from './OrIconButton-81bade23.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-9be9a209.js → OrInput-2c3111c2.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 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';
+import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from './dom-aecadd9a.js';
 import { s as script$1 } from './OrLabel-a7d99df4.js';
 import { s as script$2 } from './OrHint-8822005b.js';
 import { s as script$3 } from './OrError-f90296db.js';
-import { s as script$4 } from './OrCollapse-a06f22aa.js';
+import { s as script$4 } from './OrCollapse-d7c0afae.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, Transition } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';