@onereach/ui-components 6.1.2 → 6.1.3-beta.3263.0

package/dist/esm/v3/{OrPopover-83a576ee.js → OrPopover-4d5a3e92.js}

@@ -1,11 +1,10 @@
-import { autoUpdate, computePosition, offset, shift, flip, hide } from '@floating-ui/dom';
+import { computePosition, offset, shift, flip, hide, size, autoUpdate } from '@floating-ui/dom';
 import { onClickOutside } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
+import { computed, unref, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, toRefs, toRef } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
-import { r as requestAF } from './dom-aecadd9a.js';
 import { s as script$1 } from './OrBottomSheet-8a9d3140.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
@@ -75,6 +74,139 @@ const PopoverBodyPlacements = {
   'mb-none']
 };
 
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
+}
+function getDPR(element) {
+  if (typeof window === 'undefined') {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
+}
+function unwrapElement(element) {
+  var _a;
+  return (_a = element === null || element === void 0 ? void 0 : element.$el) !== null && _a !== void 0 ? _a : element;
+}
+function useFloating(reference, floating) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const whileElementsMountedOption = options.whileElementsMounted;
+  const openOption = computed(() => {
+    var _a;
+    return (_a = unref(options.open)) !== null && _a !== void 0 ? _a : true;
+  });
+  const middlewareOption = computed(() => unref(options.middleware));
+  const placementOption = computed(() => {
+    var _a;
+    return (_a = unref(options.placement)) !== null && _a !== void 0 ? _a : 'bottom';
+  });
+  const strategyOption = computed(() => {
+    var _a;
+    return (_a = unref(options.strategy)) !== null && _a !== void 0 ? _a : 'absolute';
+  });
+  const transformOption = computed(() => {
+    var _a;
+    return (_a = unref(options.transform)) !== null && _a !== void 0 ? _a : true;
+  });
+  const referenceElement = computed(() => unwrapElement(reference.value));
+  const floatingElement = computed(() => unwrapElement(floating.value));
+  const x = ref(0);
+  const y = ref(0);
+  const strategy = ref(strategyOption.value);
+  const placement = ref(placementOption.value);
+  const middlewareData = shallowRef({});
+  const isPositioned = ref(false);
+  const floatingStyles = computed(() => {
+    const initialStyles = {
+      position: strategy.value,
+      left: '0',
+      top: '0'
+    };
+    if (!floatingElement.value) {
+      return initialStyles;
+    }
+    const xVal = roundByDPR(floatingElement.value, x.value);
+    const yVal = roundByDPR(floatingElement.value, y.value);
+    if (transformOption.value) {
+      return {
+        ...initialStyles,
+        transform: `translate(${xVal}px, ${yVal}px)`,
+        ...(getDPR(floatingElement.value) >= 1.5 && {
+          willChange: 'transform'
+        })
+      };
+    }
+    return {
+      position: strategy.value,
+      left: `${xVal}px`,
+      top: `${yVal}px`
+    };
+  });
+  let whileElementsMountedCleanup;
+  function update() {
+    if (referenceElement.value == null || floatingElement.value == null) {
+      return;
+    }
+    computePosition(referenceElement.value, floatingElement.value, {
+      middleware: middlewareOption.value,
+      placement: placementOption.value,
+      strategy: strategyOption.value
+    }).then(position => {
+      x.value = position.x;
+      y.value = position.y;
+      strategy.value = position.strategy;
+      placement.value = position.placement;
+      middlewareData.value = position.middlewareData;
+      isPositioned.value = true;
+    });
+  }
+  function cleanup() {
+    if (typeof whileElementsMountedCleanup === 'function') {
+      whileElementsMountedCleanup();
+      whileElementsMountedCleanup = undefined;
+    }
+  }
+  function attach() {
+    cleanup();
+    if (whileElementsMountedOption === undefined) {
+      update();
+      return;
+    }
+    if (referenceElement.value != null && floatingElement.value != null) {
+      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
+      return;
+    }
+  }
+  function reset() {
+    if (!openOption.value) {
+      isPositioned.value = false;
+    }
+  }
+  watch([middlewareOption, placementOption, strategyOption], update, {
+    flush: 'sync'
+  });
+  watch([referenceElement, floatingElement], attach, {
+    flush: 'sync'
+  });
+  watch(openOption, reset, {
+    flush: 'sync'
+  });
+  if (getCurrentScope()) {
+    onScopeDispose(cleanup);
+  }
+  return {
+    x: shallowReadonly(x),
+    y: shallowReadonly(y),
+    strategy: shallowReadonly(strategy),
+    placement: shallowReadonly(placement),
+    middlewareData: shallowReadonly(middlewareData),
+    isPositioned: shallowReadonly(isPositioned),
+    floatingStyles,
+    update
+  };
+}
+
 var script = defineComponent({
   components: {
     OrBottomSheet: script$1,
@@ -130,9 +262,15 @@ var script = defineComponent({
       var _a;
       return (_a = bottomSheet.value) === null || _a === void 0 ? void 0 : _a.root;
     });
+    const {
+      trigger,
+      placement,
+      offset: offset$1,
+      fullWidth
+    } = toRefs(props);
     // Styles
     const rootStyles = computed(() => ['or-popover-v3', ...Popover, ...props.customStyles]);
-    const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
+    const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[placement.value]]);
     // State
     const {
       state,
@@ -140,62 +278,53 @@ var script = defineComponent({
       close,
       toggle
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
-    const isFlipped = ref(false);
-    const isHidden = ref(false);
-    // Helpers
     const {
-      isDesktop,
-      isMobile
-    } = useResponsive(containerRoot);
-    // Effects
-    watchPostEffect(() => {
-      const rootElement = unref(root);
-      if (rootElement) {
-        const {
-          trigger,
-          placement
-        } = props;
-        if (trigger) {
-          autoUpdate(trigger, rootElement, async () => {
-            var _a, _b;
-            const {
-              x,
-              y,
-              middlewareData
-            } = await computePosition(trigger, rootElement, {
-              placement,
-              middleware: [offset(props.offset), shift(), flip(), hide()]
-            });
-            const {
-              width: triggerWidth
-            } = trigger.getBoundingClientRect();
-            // this hack fixes the issue when popover triggers 'ResizeObserver loop limit exceeded' runtime error
-            // https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
-            requestAF(() => {
-              Object.assign(rootElement.style, {
-                left: `${x}px`,
-                top: `${y}px`,
-                visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
-                width: props.fullWidth ? `${triggerWidth}px` : ''
-              });
-            });
-            isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
-            isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);
+      floatingStyles,
+      middlewareData
+    } = useFloating(trigger, root, {
+      placement,
+      middleware: [offset(offset$1.value), shift(), flip(), hide(), size({
+        apply(_ref) {
+          let {
+            rects
+          } = _ref;
+          if (fullWidth.value && root.value) Object.assign(root.value.style, {
+            width: `${rects.reference.width}px`
           });
         }
+      })],
+      whileElementsMounted() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        return autoUpdate(...args, {
+          animationFrame: true
+        });
       }
     });
+    const isFlipped = computed(() => {
+      var _a;
+      return Boolean((_a = middlewareData.value.flip) === null || _a === void 0 ? void 0 : _a.index);
+    });
+    const isHidden = computed(() => {
+      var _a;
+      return Boolean((_a = middlewareData.value.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden);
+    });
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive(containerRoot);
     // #region Elevation
     useElevation(root, state);
     // #endregion
     // #region Click Outside
-    const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
       const path = event.composedPath();
-      if (!path.some(_ref => {
+      if (!path.some(_ref2 => {
         let {
           classList
-        } = _ref;
+        } = _ref2;
         return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
       })) {
         close();
@@ -211,6 +340,7 @@ var script = defineComponent({
       bottomSheetRoot,
       rootStyles,
       bodyStyles,
+      floatingStyles,
       state,
       isFlipped,
       isHidden,
@@ -235,6 +365,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       ref: "root"
     }, _ctx.$attrs, {
+      style: _ctx.floatingStyles,
       class: _ctx.rootStyles
     }), [_ctx.disableDefaultStyles ? renderSlot(_ctx.$slots, "default", {
       key: 0

package/dist/esm/v3/{OrSearch-a1f03e4f.js → OrSearch-a0c17932.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-bbb237e5.js';
+import { s as script$1 } from './OrInput-540d92b3.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-0a22744a.js → OrSelect-f4d9460c.js}

@@ -10,14 +10,14 @@ import { s as script$2 } from './OrCheckbox-9f821a86.js';
 import { s as script$3 } from './OrError-c01d0c29.js';
 import { s as script$4 } from './OrExpansionPanel-84a2f4a9.js';
 import { s as script$5 } from './OrHint-06ab89d7.js';
-import { s as script$7 } from './OrIconButton-ea5d740f.js';
+import { s as script$7 } from './OrIconButton-c599131c.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$9, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$8 } from './OrInput-bbb237e5.js';
+import { s as script$8 } from './OrInput-540d92b3.js';
 import { s as script$a } from './OrLabel-d4c46bb6.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$c } from './OrPopover-83a576ee.js';
-import { s as script$d } from './OrTag-179301f4.js';
+import { s as script$c } from './OrPopover-4d5a3e92.js';
+import { s as script$d } from './OrTag-4cc0cb55.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, resolveDirective, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectPlaceholder = [

package/dist/esm/v3/{OrSidebar-2d4617ce.js → OrSidebar-355ac239.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-78632d2b.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-02adf9cb.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-78632d2b.js → OrSidebarCollapseButton-02adf9cb.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-ea5d740f.js';
+import { s as script$1 } from './OrIconButton-c599131c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrSorting-f3426cb5.js → OrSorting-d55ff72f.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenu-ddaa657e.js';
-import './OrPopover-83a576ee.js';
+import { s as script$1 } from './OrMenu-210cdcd6.js';
+import './OrPopover-4d5a3e92.js';
 import { s as script$2 } from './OrMenuItem-54062d59.js';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
 import { s as script$4 } from './OrIcon-62793572.js';
@@ -92,7 +92,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
     ref: "sortMenu",
     trigger: _ctx.sortButton && _ctx.sortButton.root,
-    placement: "bottom-start"
+    placement: "bottom-start",
+    offset: {
+      mainAxis: 0,
+      crossAxis: -8
+    }
   }, {
     default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, item => {
       return openBlock(), createBlock(_component_OrMenuItem, {

package/dist/esm/v3/{OrTabs-91f580d5.js → OrTabs-53beb25e.js}

@@ -5,8 +5,8 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-54062d59.js';
-import { s as script$2 } from './OrMenu-ddaa657e.js';
-import './OrPopover-83a576ee.js';
+import { s as script$2 } from './OrMenu-210cdcd6.js';
+import './OrPopover-4d5a3e92.js';
 import { s as script$4 } from './OrTab-2d567d8e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-179301f4.js → OrTag-4cc0cb55.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-ea5d740f.js';
+import { s as script$1 } from './OrIconButton-c599131c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-afd9a2f1.js → OrTagInput-ea7e263a.js}

@@ -7,10 +7,10 @@ import '@onereach/styles/tailwind.config.json';
 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-ea5d740f.js';
+import { s as script$3 } from './OrIconButton-c599131c.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrTags-5df604ba.js';
+import { s as script$6 } from './OrTags-3ed83f98.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-5df604ba.js → OrTags-3ed83f98.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
-import { s as script$2 } from './OrPopover-83a576ee.js';
-import { s as script$3 } from './OrTag-179301f4.js';
+import { s as script$2 } from './OrPopover-4d5a3e92.js';
+import { s as script$3 } from './OrTag-4cc0cb55.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTimePicker-4777b1b4.js → OrTimePicker-bbe77f02.js}

@@ -4,15 +4,15 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-2ab4480c.js';
-import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-54a4092e.js';
+import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-1cc0ea34.js';
+import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-9743e430.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
-import { s as script$9 } from './OrIconButton-ea5d740f.js';
+import { s as script$9 } from './OrIconButton-c599131c.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$b } from './OrLabel-d4c46bb6.js';
-import { s as script$c } from './OrPopover-83a576ee.js';
+import { s as script$c } from './OrPopover-4d5a3e92.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const TimePicker = [

package/dist/esm/v3/{OrTooltip-fdd8a41b.js → OrTooltip-aaa4036f.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-83a576ee.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-4d5a3e92.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

package/dist/esm/v3/components/index.js

@@ -7,7 +7,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-4a3c3e7b.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-8c81a2d5.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-a39ffea3.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-bbf246d0.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-6f291e59.js';
@@ -21,19 +21,19 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-8508cdd8.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-51cf7f04.js';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-252f482b.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-b8a868cb.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-912a6254.js';
 export { s as OrConfirm } from '../OrConfirm-97ab80b9.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-cd56eeea.js';
-export { s as OrContextMenuV3 } from '../OrContextMenu-4f6974f2.js';
-export { s as OrMenuV3 } from '../OrMenu-ddaa657e.js';
-export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-83a576ee.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-519e0a42.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-97baf1f9.js';
+export { s as OrContextMenuV3 } from '../OrContextMenu-102219c4.js';
+export { s as OrMenuV3 } from '../OrMenu-210cdcd6.js';
+export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-4d5a3e92.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-4e8ad66c.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4bfefbcd.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from '../OrDateTimePicker-54a4092e.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from '../OrDateTimePicker-9743e430.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -45,14 +45,14 @@ export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-37f2
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-f7130a5c.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-ea5d740f.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-c599131c.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-99d15027.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-bf7b4bed.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-a3c4c7dc.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-0146edfb.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-182777b1.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-bbb237e5.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-540d92b3.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-d4c46bb6.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-dcae31fb.js';
@@ -62,14 +62,14 @@ export { L as LoaderViews, s as OrLoader } from '../OrLoader-d28a8ebf.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-54062d59.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-b2060770.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-de9f5953.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-c1271b18.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-1b28dd4a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-8ebf1fdc.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-4f136801.js';
 export { s as OrNumberInput } from '../OrNumberInput-e9dcdcbd.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-440ddf3e.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-0e68703b.js';
-export { s as OrPaginationV3 } from '../OrPagination-732c6062.js';
+export { s as OrPaginationV3 } from '../OrPagination-21019b2e.js';
 export { s as OrPassword } from '../OrPassword-84b3a26f.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-aa2ea84b.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-e383d682.js';
@@ -78,13 +78,13 @@ export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-0d2a447e.js';
 export { s as OrRadioV3 } from '../OrRadio-af656e37.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
-export { s as OrSearchV3 } from '../OrSearch-a1f03e4f.js';
+export { s as OrSearchV3 } from '../OrSearch-a0c17932.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-57747b3d.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-0a22744a.js';
+export { s as OrSelectV3 } from '../OrSelect-f4d9460c.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-2d4617ce.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-78632d2b.js';
+export { s as OrSidebarV3 } from '../OrSidebar-355ac239.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-02adf9cb.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-9a800de4.js';
@@ -93,7 +93,7 @@ export { s as OrSkeletonCircleV3 } from '../OrSkeletonCircle-1eae069b.js';
 export { s as OrSkeletonRectV3 } from '../OrSkeletonRect-ba5df861.js';
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText-3c3207d0.js';
 export { s as OrSlider } from '../OrSlider-b7bd588e.js';
-export { s as OrSortingV3 } from '../OrSorting-f3426cb5.js';
+export { s as OrSortingV3 } from '../OrSorting-d55ff72f.js';
 export { s as OrStepper } from '../OrStepper-4943002c.js';
 export { s as OrSwitch } from '../OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from '../OrSwitch-fda7a10e.js';
@@ -101,25 +101,25 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-2d567d8e.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-91f580d5.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-53beb25e.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-afd9a2f1.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-179301f4.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-5df604ba.js';
+export { s as OrTagInputV3 } from '../OrTagInput-ea7e263a.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-4cc0cb55.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-3ed83f98.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-d3c2d4de.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-c5ba816b.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-4777b1b4.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-bbe77f02.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-d6f117e2.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-d0381d86.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-6f2981f3.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-5aa9dc05.js';
 export { s as OrTooltip } from '../OrTooltip-7ac03028.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
-export { s as OrTooltipV3 } from '../OrTooltip-fdd8a41b.js';
+export { s as OrTooltipV3 } from '../OrTooltip-aaa4036f.js';
 export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-a0e57f4e.js';
 import 'vue-demi';
 import 'vue';
@@ -150,7 +150,7 @@ import '@floating-ui/dom';
 import '../useElevation-a50ec347.js';
 import '../useResponsive-5c8291da.js';
 import '../dropdown-open-06d651cf.js';
-import '../OrDateTimePickerPopoverHeader-2ab4480c.js';
+import '../OrDateTimePickerPopoverHeader-1cc0ea34.js';
 import 'lodash/padStart';
 import 'lodash/cloneDeep';
 import 'lodash/isEqual';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,26 +1,23 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-a39ffea3.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-bbf246d0.js';
 import 'vue-demi';
-import '../../OrIconButton-ea5d740f.js';
+import '../../OrIconButton-c599131c.js';
 import '../../OrIcon-62793572.js';
 import 'vue';
-import '../../OrTooltip-fdd8a41b.js';
+import '../../OrTooltip-aaa4036f.js';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrPopover-83a576ee.js';
+import '../../OrPopover-4d5a3e92.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../useResponsive-5c8291da.js';
-import '../../dom-aecadd9a.js';
-import 'lodash/isElement';
-import 'lodash/get';
 import '../../OrBottomSheet-8a9d3140.js';
 import '../../OrOverlay-0e68703b.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-a1f03e4f.js';
-import '../../OrInput-bbb237e5.js';
+import '../../OrSearch-a0c17932.js';
+import '../../OrInput-540d92b3.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
@@ -30,7 +27,7 @@ import '../../OrInputBox-912a6254.js';
 import '../../OrLabel-d4c46bb6.js';
 import '../../OrLoader-b79022da.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrSorting-f3426cb5.js';
-import '../../OrMenu-ddaa657e.js';
+import '../../OrSorting-d55ff72f.js';
+import '../../OrMenu-210cdcd6.js';
 import '../../OrMenuItem-54062d59.js';
 import '../../OrButton-4a3c3e7b.js';