@onereach/ui-components 14.1.2-beta.4685.0 → 14.1.2-beta.4693.0

package/dist/bundled/v2/{OrDataGrid-679dc15e.js → OrDataGrid-0c7791ff.js}

@@ -1,15 +1,16 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import __vue_component__$t from './components/OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$u from './components/OrDatePickerV3/OrDatePicker.js';
 import __vue_component__$v from './components/OrDateTimePickerV3/OrDateTimePicker.js';
-import { _ as __vue_component__$w } from './OrInput-10c4858d.js';
+import { _ as __vue_component__$w } from './OrInput-9e9c27ff.js';
 import __vue_component__$x from './components/OrRatingV3/OrRating.js';
 import __vue_component__$y from './components/OrSelectV3/OrSelect.js';
 import __vue_component__$z from './components/OrSwitchV3/OrSwitch.js';
 import __vue_component__$A from './components/OrTagInputV3/OrTagInput.js';
 import __vue_component__$B from './components/OrTimePickerV3/OrTimePicker.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
+import { d as useElementSize } from './index-c73a0505.js';
 import __vue_component__$C from './components/OrIconV3/OrIcon.js';
 import { DataGrid } from './components/OrDataGridV3/styles.js';
 import __vue_component__$D from './components/OrPaginationV3/OrPagination.js';
@@ -770,7 +771,7 @@ var script$6 = defineComponent({
       default: undefined
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -841,6 +842,21 @@ var script$6 = defineComponent({
         };
       }
     }
+    // Effects
+    const {
+      width
+    } = useElementSize(root, undefined, {
+      box: 'border-box'
+    });
+    watch([root, width, () => {
+      var _a;
+      return (_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness;
+    }], ([nextRoot, width], [prevRoot]) => {
+      if (prevRoot && prevRoot !== nextRoot) {
+        context.emit('remove:scrollOffset', prevRoot);
+      }
+      context.emit('update:scrollOffset', nextRoot, width, props.column);
+    });
     return {
       root,
       rootStyles,
@@ -1301,6 +1317,10 @@ var script = defineComponent({
     // Refs & Styles
     const root = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
+    const tableInlineStyles = computed(() => ({
+      scrollPaddingInlineStart: `${[...scrollOffsetStart.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`,
+      scrollPaddingInlineEnd: `${[...scrollOffsetEnd.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`
+    }));
     // State
     const selectingIndicator = computed({
       get: () => {
@@ -1398,15 +1418,51 @@ var script = defineComponent({
         });
       }
     });
+    const scrollOffsetStart = ref(new Map());
+    const scrollOffsetEnd = ref(new Map());
+    // Methods
+    function updateScrollOffset(header, offset, column) {
+      switch (column.stickiness) {
+        case 'start':
+          scrollOffsetStart.value.set(header, offset);
+          scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+          scrollOffsetEnd.value.delete(header);
+          scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+          break;
+        case 'end':
+          scrollOffsetStart.value.delete(header);
+          scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+          scrollOffsetEnd.value.set(header, offset);
+          scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+          break;
+        default:
+          removeScrollOffset(header);
+          break;
+      }
+    }
+    function removeScrollOffset(header) {
+      scrollOffsetStart.value.delete(header);
+      scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+      scrollOffsetEnd.value.delete(header);
+      scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+    }
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
     return {
       root,
       rootStyles,
+      tableInlineStyles,
       selectingIndicator,
       selectingModel,
       filteringModel,
       searchingModel,
       sortingModel,
-      pagingModel
+      pagingModel,
+      updateScrollOffset,
+      removeScrollOffset,
+      scrollTo
     };
   }
 });
@@ -1451,6 +1507,7 @@ var __vue_render__ = function () {
     class: ['grow', {
       'grid-rows-[auto_1fr]': _vm.items.length === 0
     }],
+    style: _vm.tableInlineStyles,
     attrs: {
       "columns": _vm.columns,
       "features": _vm.features
@@ -1464,13 +1521,15 @@ var __vue_render__ = function () {
       "column": {
         stickiness: 'start'
       }
+    },
+    on: {
+      "update:scroll-offset": _vm.updateScrollOffset,
+      "remove:scroll-offset": _vm.removeScrollOffset
     }
   }, [_c('OrCheckbox', {
-    class: {
-      'invisible': _vm.items.length === 0 || _vm.loading
-    },
     attrs: {
-      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0,
+      "disabled": _vm.items.length === 0 || _vm.loading
     },
     model: {
       value: _vm.selectingIndicator,
@@ -1486,6 +1545,10 @@ var __vue_render__ = function () {
         "column": column,
         "features": _vm.features
       },
+      on: {
+        "update:scroll-offset": _vm.updateScrollOffset,
+        "remove:scroll-offset": _vm.removeScrollOffset
+      },
       model: {
         value: _vm.sortingModel,
         callback: function ($$v) {
@@ -1552,6 +1615,9 @@ var __vue_render__ = function () {
         on: {
           "update:model-value": function ($event) {
             return _vm.$emit('update:item', item);
+          },
+          "focusin": function ($event) {
+            return _vm.scrollTo($event);
           }
         },
         model: {

package/dist/bundled/v2/{OrRichTooltip-c8d6a339.js → OrRichTooltip-7806f450.js}

@@ -1,4 +1,4 @@
-import { u as useElementHover } from './index-076c9a7d.js';
+import { u as useElementHover } from './index-c73a0505.js';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { RichTooltip, RichTooltipPopover, RichTooltipHeader, RichTooltipContent, RichTooltipFooter } from './components/OrRichTooltipV3/styles.js';
 import __vue_component__$1 from './components/OrPopoverV3/OrPopover.js';

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.js

@@ -1,4 +1,4 @@
-import { c as computedAsync } from '../../index-076c9a7d.js';
+import { c as computedAsync } from '../../index-c73a0505.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Autocomplete, AutocompleteControl, AutocompleteDropdown, AutocompleteDropdownFlipped, AutocompleteDropdownDefault, AutocompleteDropdownItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { t as usePointerSwipe } from '../../../index-076c9a7d.js';
+import { t as usePointerSwipe } from '../../../index-c73a0505.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,6 +1,6 @@
 import { b as basicSetup, i as indentWithTab } from '../../index-c02a540c.js';
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-1ddfb541.js';
-import { u as useElementHover } from '../../index-076c9a7d.js';
+import { u as useElementHover } from '../../index-c73a0505.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-076c9a7d.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-c73a0505.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,11 +1,11 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-076c9a7d.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-c73a0505.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$3 } from '../../OrInput-9e9c27ff.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-679dc15e.js';
+export { _ as default } from '../../OrDataGrid-0c7791ff.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -32,6 +32,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    tableInlineStyles: import("vue-demi").ComputedRef<{
+        scrollPaddingInlineStart: string;
+        scrollPaddingInlineEnd: string;
+    }>;
     selectingIndicator: import("vue-demi").WritableComputedRef<boolean>;
     selectingModel: import("vue-demi").WritableComputedRef<Id[]>;
     filteringModel: import("vue-demi").WritableComputedRef<undefined>;
@@ -41,6 +45,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     pagingModel: import("vue-demi").WritableComputedRef<import("../or-pagination-v3").PaginationModelValue>;
+    updateScrollOffset: (header: HTMLElement, offset: number, column: DataGridColumn) => void;
+    removeScrollOffset: (header: HTMLElement) => void;
+    scrollTo: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-679dc15e.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-0c7791ff.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-07958ae2.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-a6392908.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-67960fee.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-6ad027de.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrDrawerV3/OrDrawer.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside, d as useSwipe, S as SwipeDirection } from '../../index-076c9a7d.js';
+import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { D as DrawerPlacement, a as Drawer, b as DrawerPlacements, c as DrawerPadding, d as DrawerContent } from '../../styles-a2de655c.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js

@@ -1,4 +1,4 @@
-import { e as useScroll } from '../../index-076c9a7d.js';
+import { f as useScroll } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, isVue2, toRef, watch } from 'vue-demi';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-9847fe89.js';
+export { _ as default } from '../../OrInlineInput-ace03cd7.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-9847fe89.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-ace03cd7.js';

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { f as useVModel } from '../../index-076c9a7d.js';
+import { g as useVModel } from '../../index-c73a0505.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-10c4858d.js';
+export { _ as default } from '../../OrInput-9e9c27ff.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-10c4858d.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-9e9c27ff.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-d64a873f.js';
+export { _ as default } from '../../OrList-945fee7f.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-d64a873f.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-945fee7f.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { m as useElementSize } from '../../index-076c9a7d.js';
+import { d as useElementSize } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
-import { u as useFocusTrap } from '../../useFocusTrap-fefb14d4.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
+import { u as useFocusTrap } from '../../useFocusTrap-23ab75e7.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { n as useScrollLock } from '../../index-076c9a7d.js';
+import { n as useScrollLock } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { f as useVModel } from '../../index-076c9a7d.js';
+import { g as useVModel } from '../../index-c73a0505.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-add55b8c.js';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { g as useElementBounding } from '../../index-076c9a7d.js';
+import { h as useElementBounding } from '../../index-c73a0505.js';
 import { r as round_1 } from '../../round-b22acb42.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,4 +1,4 @@
-import { g as useElementBounding, u as useElementHover, h as useDraggable } from '../../index-076c9a7d.js';
+import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { h as useDraggable } from '../../index-076c9a7d.js';
+import { i as useDraggable } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,8 +1,8 @@
 import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, e as Editor } from '../../index-259f2329.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-fafa12f5.js';
 import { P as Plugin, a as PluginKey, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, b as Slice, T as TextSelection, M as Mapping } from '../../index-2191063d.js';
-import { i as useResizeObserver, o as onClickOutside } from '../../index-076c9a7d.js';
-import { u as useFocusTrap } from '../../useFocusTrap-fefb14d4.js';
+import { j as useResizeObserver, o as onClickOutside } from '../../index-c73a0505.js';
+import { u as useFocusTrap } from '../../useFocusTrap-23ab75e7.js';
 import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
 import { Formats } from './props.js';
 import { RichTextEditor, RichTextEditorToolbar, RichTextEditorToolbarGroup, RichTextEditorControl } from './styles.js';
@@ -11,7 +11,7 @@ import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
 import __vue_component__$3 from '../OrHintV3/OrHint.js';
 import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$5 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$5 } from '../../OrInput-9e9c27ff.js';
 import __vue_component__$6 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$7 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$8 from '../OrMenuV3/OrMenu.js';

package/dist/bundled/v2/components/OrRichTooltipV3/OrRichTooltip.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrRichTooltip-c8d6a339.js';
+export { _ as default } from '../../OrRichTooltip-7806f450.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrRichTooltipV3/index.js

@@ -1 +1 @@
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-c8d6a339.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-7806f450.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$1 } from '../../OrInput-9e9c27ff.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import { DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './constants.js';
 import __vue_component__$9 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { j as useFocus } from '../../index-076c9a7d.js';
+import { k as useFocus } from '../../index-c73a0505.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
@@ -15,7 +15,7 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-10c4858d.js';
+import { _ as __vue_component__$c } from '../../OrInput-9e9c27ff.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';

package/dist/bundled/v2/components/OrSidebar/OrSidebar.js

@@ -1,4 +1,4 @@
-import { h as useDraggable } from '../../index-076c9a7d.js';
+import { i as useDraggable } from '../../index-c73a0505.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, h as useDraggable } from '../../index-076c9a7d.js';
+import { o as onClickOutside, i as useDraggable } from '../../index-c73a0505.js';
 import { f as addClass, h as removeClass } from '../../dom-59fe0ee3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,4 +1,4 @@
-import { g as useElementBounding, u as useElementHover, h as useDraggable } from '../../index-076c9a7d.js';
+import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
 import { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { k as formatTimeAgo } from '../../index-076c9a7d.js';
+import { l as formatTimeAgo } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { i as useResizeObserver } from '../../index-076c9a7d.js';
+import { j as useResizeObserver } from '../../index-c73a0505.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-076c9a7d.js';
+import { o as onClickOutside } from '../../index-c73a0505.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTagV3/OrTag.js

@@ -81,7 +81,7 @@ var __vue_render__ = function () {
   }, [_c('div', {
     staticClass: "truncate"
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
-    class: ['layout-inline-row', '-m-[4px] md:-m-[2px]']
+    class: ['layout-inline-row', 'm-[-4px] md:m-[-2px]']
   }, [_c('OrIconButton', {
     attrs: {
       "icon": 'close',

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -1,4 +1,4 @@
-import { l as useTextareaAutosize } from '../../index-076c9a7d.js';
+import { m as useTextareaAutosize } from '../../index-c73a0505.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Textarea, TextareaControl, TextareaControlSizes } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-30392a5d.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-23a77a54.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-8bdf79cc.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';