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

package/dist/esm/v3/{OrAutocomplete-eaceeabe.js → OrAutocomplete-74872096.js}

@@ -18,8 +18,8 @@ import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
 import { s as script$7 } from './OrMenuItem-6caf8844.js';
 import { s as script$8 } from './OrPopover-0daeba14.js';
-import { s as script$9 } from './OrTagInput-64951a91.js';
-import { T as TagsOverflow } from './OrTags-7ddae1b5.js';
+import { s as script$9 } from './OrTagInput-8e53511e.js';
+import { T as TagsOverflow } from './OrTags-89785e44.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createSlots, createElementVNode, mergeProps, createVNode, Fragment, renderList, withDirectives, vShow } from 'vue';
 
 const Autocomplete = [

package/dist/esm/v3/{OrDataGrid-fb5d3e5a.js → OrDataGrid-43761fbf.js}

@@ -5,8 +5,8 @@ import { s as script$h } from './OrSearch-b7a558ef.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$i } from './OrSkeletonText-5e9579c1.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-4e3a8b34.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-9c8e1f57.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [
 // Layout
@@ -70,6 +70,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: () => {
@@ -167,15 +171,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
     };
   }
 });
@@ -228,6 +268,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(['grow', {
       'grid-rows-[auto_1fr]': _ctx.items.length === 0
     }]),
+    style: normalizeStyle(_ctx.tableInlineStyles),
     columns: _ctx.columns,
     features: _ctx.features
   }, {
@@ -239,28 +280,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           column: {
             stickiness: 'start'
-          }
+          },
+          "onUpdate:scrollOffset": _ctx.updateScrollOffset,
+          "onRemove:scrollOffset": _ctx.removeScrollOffset
         }, {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            class: normalizeClass({
-              'invisible': _ctx.items.length === 0 || _ctx.loading
-            }),
-            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
-          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0,
+            disabled: _ctx.items.length === 0 || _ctx.loading
+          }, null, 8 /* PROPS */, ["modelValue", "indeterminate", "disabled"])]),
           _: 1 /* STABLE */
-        })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
+        }, 8 /* PROPS */, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
             key: column.name,
             modelValue: _ctx.sortingModel,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sortingModel = $event),
             column: column,
-            features: _ctx.features
+            features: _ctx.features,
+            "onUpdate:scrollOffset": _ctx.updateScrollOffset,
+            "onRemove:scrollOffset": _ctx.removeScrollOffset
           }, {
             default: withCtx(() => [createTextVNode(toDisplayString(column.label), 1 /* TEXT */)]),
             _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "column", "features"]);
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]);
         }), 128 /* KEYED_FRAGMENT */))]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["variant"])]),
@@ -322,7 +365,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               modelValue: item[column.name],
               "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
-              features: _ctx.features
+              features: _ctx.features,
+              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -354,7 +398,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     })]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "columns", "features"]), _ctx.$slots['extra-row'] ? (openBlock(), createBlock(_component_OrDataGridTableFooter, {
+  }, 8 /* PROPS */, ["class", "style", "columns", "features"]), _ctx.$slots['extra-row'] ? (openBlock(), createBlock(_component_OrDataGridTableFooter, {
     key: 2
   }, {
     default: withCtx(() => [createVNode(_component_OrDataGridTableFooterRow, {
@@ -385,7 +429,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

package/dist/esm/v3/{OrDataGridToolbar-4e3a8b34.js → OrDataGridToolbar-9c8e1f57.js}

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, createElementVNode } from 'vue';
 import './TimeFormat-a7f5565b.js';
 import './dom-53c9635b.js';
-import '@vueuse/core';
+import { useElementSize } from '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
@@ -12,9 +12,9 @@ import { s as script$g } from './OrDateTimePicker-4e715d5f.js';
 import './OrDateTimePickerTimeSelect-c69e90b4.js';
 import { s as script$h } from './OrInput-6b60bf4a.js';
 import { s as script$i } from './OrRating-7c2f8e4d.js';
-import { s as script$j } from './OrSelect-a4059000.js';
+import { s as script$j } from './OrSelect-ceddd24e.js';
 import { s as script$k } from './OrSwitch-86583d97.js';
-import { s as script$l } from './OrTagInput-64951a91.js';
+import { s as script$l } from './OrTagInput-8e53511e.js';
 import { s as script$m } from './OrTimePicker-d17e6f65.js';
 import { s as script$n } from './OrIcon-9aff520e.js';
 
@@ -538,7 +538,7 @@ var script$5 = defineComponent({
       default: undefined
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -609,6 +609,21 @@ var script$5 = 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,

package/dist/esm/v3/{OrSelect-a4059000.js → OrSelect-ceddd24e.js}

@@ -24,8 +24,8 @@ import { s as script$b } from './OrPopover-0daeba14.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$e } from './OrSkeletonText-5e9579c1.js';
-import { T as TagsOverflow } from './OrTags-7ddae1b5.js';
-import { s as script$c } from './OrSelectMultipleControl-f035f0a6.js';
+import { T as TagsOverflow } from './OrTags-89785e44.js';
+import { s as script$c } from './OrSelectMultipleControl-7d4170c2.js';
 import { s as script$d } from './OrSelectSingleControl-70644f38.js';
 import './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, vShow, Fragment, renderList } from 'vue';

package/dist/esm/v3/{OrSelectMultipleControl-f035f0a6.js → OrSelectMultipleControl-7d4170c2.js}

@@ -8,7 +8,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$3, T as TagsOverflow } from './OrTags-7ddae1b5.js';
+import { s as script$3, T as TagsOverflow } from './OrTags-89785e44.js';
 import { s as script$2 } from './OrSelectControlInput-e0116b29.js';
 import { s as script$1 } from './OrSelectPlaceholder-81502228.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrTag-f048f982.js → OrTag-81a88a91.js}

@@ -97,7 +97,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 0,
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', '-m-[4px] md:-m-[2px]'])
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'm-[-4px] md:m-[-2px]'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");

package/dist/esm/v3/{OrTagInput-64951a91.js → OrTagInput-8e53511e.js}

@@ -15,8 +15,8 @@ import { s as script$3 } from './OrIconButton-5a508869.js';
 import { s as script$4, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
-import { a as TagColor } from './OrTag-f048f982.js';
-import { s as script$7, T as TagsOverflow } from './OrTags-7ddae1b5.js';
+import { a as TagColor } from './OrTag-81a88a91.js';
+import { s as script$7, T as TagsOverflow } from './OrTags-89785e44.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-7ddae1b5.js → OrTags-89785e44.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-31bcb511.js';
 import { s as script$2 } from './OrPopover-0daeba14.js';
-import { s as script$3 } from './OrTag-f048f982.js';
+import { s as script$3 } from './OrTag-81a88a91.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/components/index.d.ts

@@ -39,9 +39,6 @@ export * from './or-error-tag-v3';
 export * from './or-error-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
-export * from './or-filter-popover-v3';
-export * from './or-filter-trigger-v3';
-export * from './or-filter-v3';
 export * from './or-floating';
 export * from './or-form-group-v3';
 export * from './or-hint';

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

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from '../OrAutocomplete-eaceeabe.js';
+export { s as OrAutocompleteV3 } from '../OrAutocomplete-74872096.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-dbec7020.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-cab88a78.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheet-a7a06f7f.js';
@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-fb5d3e5a.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-4e3a8b34.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-43761fbf.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-9c8e1f57.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-616cd68b.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-cbd5183d.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-7546b7be.js';
@@ -54,9 +54,6 @@ export { s as OrErrorTagV3 } from '../OrErrorTag-94f074a2.js';
 export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-84445327.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-f949bf4f.js';
-export { s as OrFilterPopoverV3 } from '../OrFilterPopover-2832fbc3.js';
-export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-f0c8aabf.js';
-export { s as OrFilterV3 } from '../OrFilter-f35ada6b.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-893719a1.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
@@ -109,7 +106,7 @@ export { s as OrSearch } from '../OrSearch-4192737e.js';
 export { s as OrSearchV3 } from '../OrSearch-b7a558ef.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from '../OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from '../OrSelect-a4059000.js';
+export { s as OrSelectV3 } from '../OrSelect-ceddd24e.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-339b3fd2.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -132,9 +129,9 @@ export { s as OrTabV3 } from '../OrTab-5f903429.js';
 export { s as OrTabs } from '../OrTabs-bc8c8be5.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-66729e19.js';
 export { s as OrTag } from '../OrTag-68b92040.js';
-export { s as OrTagInputV3 } from '../OrTagInput-64951a91.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-f048f982.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-7ddae1b5.js';
+export { s as OrTagInputV3 } from '../OrTagInput-8e53511e.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-81a88a91.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-89785e44.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-ea114c19.js';
@@ -227,7 +224,7 @@ import '@tiptap/extension-bold';
 import '@tiptap/extension-code-block';
 import 'lodash/keyBy';
 import '../searchItemsByLabel-c778a1e4.js';
-import '../OrSelectMultipleControl-f035f0a6.js';
+import '../OrSelectMultipleControl-7d4170c2.js';
 import '../isEqual-15f4b2f5.js';
 import '../OrSelectControlInput-e0116b29.js';
 import '../OrSelectPlaceholder-81502228.js';

package/dist/esm/v3/components/or-autocomplete-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from '../../OrAutocomplete-eaceeabe.js';
+export { s as OrAutocompleteV3 } from '../../OrAutocomplete-74872096.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-3a339b79.js';
@@ -37,9 +37,9 @@ import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-6caf8844.js';
-import '../../OrTagInput-64951a91.js';
-import '../../OrTag-f048f982.js';
-import '../../OrTags-7ddae1b5.js';
+import '../../OrTagInput-8e53511e.js';
+import '../../OrTag-81a88a91.js';
+import '../../OrTags-89785e44.js';
 import '../../useOverflow-5a08887e.js';
 import '../../OrButton-31bcb511.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-data-grid-v3/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/esm/v3/components/or-data-grid-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-fb5d3e5a.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-4e3a8b34.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-43761fbf.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-9c8e1f57.js';
 import 'vue-demi';
 import '../../OrCheckbox-e353ee89.js';
 import '../../useIdAttribute-3a339b79.js';
@@ -59,21 +59,21 @@ import '../../useTimeMask-a1c090c1.js';
 import '../../formatTime-3f37a00f.js';
 import '../../getCurrentDate-e5a478c3.js';
 import '../../OrRating-7c2f8e4d.js';
-import '../../OrSelect-a4059000.js';
+import '../../OrSelect-ceddd24e.js';
 import '../../isString-cf957a95.js';
 import '../../isNull-7ae26d1d.js';
 import '../../isObject-4d5300e9.js';
 import '../../toArray-93b84b21.js';
 import '../../searchItemsByLabel-c778a1e4.js';
 import '../../OrExpansionPanel-84445327.js';
-import '../../OrTags-7ddae1b5.js';
+import '../../OrTags-89785e44.js';
 import '../../useOverflow-5a08887e.js';
-import '../../OrTag-f048f982.js';
-import '../../OrSelectMultipleControl-f035f0a6.js';
+import '../../OrTag-81a88a91.js';
+import '../../OrSelectMultipleControl-7d4170c2.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-e0116b29.js';
 import '../../OrSelectPlaceholder-81502228.js';
 import '../../OrSelectSingleControl-70644f38.js';
 import '../../OrSwitch-86583d97.js';
-import '../../OrTagInput-64951a91.js';
+import '../../OrTagInput-8e53511e.js';
 import '../../OrTimePicker-d17e6f65.js';

package/dist/esm/v3/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-4e3a8b34.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-9c8e1f57.js';
 import 'vue-demi';
 import 'vue';
 import '../../../TimeFormat-a7f5565b.js';
@@ -50,7 +50,7 @@ import '../../../getCurrentDate-e5a478c3.js';
 import '../../../OrInput-6b60bf4a.js';
 import '../../../useValidationAttributes-257954f3.js';
 import '../../../OrRating-7c2f8e4d.js';
-import '../../../OrSelect-a4059000.js';
+import '../../../OrSelect-ceddd24e.js';
 import '../../../isString-cf957a95.js';
 import '../../../isNull-7ae26d1d.js';
 import '../../../isObject-4d5300e9.js';
@@ -63,14 +63,14 @@ import '../../../styles-ed564e39.js';
 import '../../../OrSkeletonRect-d0b8b2cf.js';
 import '../../../OrSkeletonText-5e9579c1.js';
 import 'lodash/range';
-import '../../../OrTags-7ddae1b5.js';
+import '../../../OrTags-89785e44.js';
 import '../../../useOverflow-5a08887e.js';
-import '../../../OrTag-f048f982.js';
-import '../../../OrSelectMultipleControl-f035f0a6.js';
+import '../../../OrTag-81a88a91.js';
+import '../../../OrSelectMultipleControl-7d4170c2.js';
 import '../../../isEqual-15f4b2f5.js';
 import '../../../OrSelectControlInput-e0116b29.js';
 import '../../../OrSelectPlaceholder-81502228.js';
 import '../../../OrSelectSingleControl-70644f38.js';
 import '../../../OrSwitch-86583d97.js';
-import '../../../OrTagInput-64951a91.js';
+import '../../../OrTagInput-8e53511e.js';
 import '../../../OrTimePicker-d17e6f65.js';

package/dist/esm/v3/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         direction: "asc" | "desc";
     }>>;
     toggleSorting: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "update:scrollOffset" | "remove:scrollOffset")[], "update:modelValue" | "update:scrollOffset" | "remove:scrollOffset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<import("../../../..").ModelValue<{
             column: string | undefined;
@@ -43,6 +43,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:scrollOffset"?: ((...args: any[]) => any) | undefined;
+    "onRemove:scrollOffset"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: import("../../../..").ModelValue<{
         column: string | undefined;

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-a4059000.js';
+export { s as OrSelectV3 } from '../../OrSelect-ceddd24e.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../include-2a81e823.js';
@@ -51,11 +51,11 @@ import '../../styles-ed564e39.js';
 import '../../OrSkeletonRect-d0b8b2cf.js';
 import '../../OrSkeletonText-5e9579c1.js';
 import 'lodash/range';
-import '../../OrTags-7ddae1b5.js';
+import '../../OrTags-89785e44.js';
 import '../../useOverflow-5a08887e.js';
 import '../../OrButton-31bcb511.js';
-import '../../OrTag-f048f982.js';
-import '../../OrSelectMultipleControl-f035f0a6.js';
+import '../../OrTag-81a88a91.js';
+import '../../OrSelectMultipleControl-7d4170c2.js';
 import '../../isEqual-15f4b2f5.js';
 import '../../OrSelectControlInput-e0116b29.js';
 import '../../OrSelectPlaceholder-81502228.js';

package/dist/esm/v3/components/or-select-v3/partials/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-f035f0a6.js';
+export { s as OrSelectMultipleControl } from '../../../OrSelectMultipleControl-7d4170c2.js';
 export { s as OrSelectSingleControl } from '../../../OrSelectSingleControl-70644f38.js';
 export { s as OrSelectPlaceholder } from '../../../OrSelectPlaceholder-81502228.js';
 import 'vue-demi';
@@ -16,7 +16,7 @@ import '@vueuse/core';
 import '../../../useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../../OrTags-7ddae1b5.js';
+import '../../../OrTags-89785e44.js';
 import '../../../useOverflow-5a08887e.js';
 import '../../../OrButton-31bcb511.js';
 import '../../../OrLoader-5e2f359b.js';
@@ -33,7 +33,7 @@ import '../../../OrTeleport.vue3-8099178c.js';
 import '../../../useTheme-dc76b423.js';
 import '../../../isPrevented-b1764210.js';
 import '../../../isAncestor-2973d4f4.js';
-import '../../../OrTag-f048f982.js';
+import '../../../OrTag-81a88a91.js';
 import '../../../OrIconButton-5a508869.js';
 import '../../../OrIcon-9aff520e.js';
 import '../../../OrTooltip-de856939.js';

package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectMultipleControl } from '../../../../OrSelectMultipleControl-f035f0a6.js';
+export { s as OrSelectMultipleControl } from '../../../../OrSelectMultipleControl-7d4170c2.js';
 import 'vue-demi';
 import '../../../../TimeFormat-a7f5565b.js';
 import '../../../../dom-53c9635b.js';
@@ -14,7 +14,7 @@ import '@vueuse/core';
 import '../../../../useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../../../OrTags-7ddae1b5.js';
+import '../../../../OrTags-89785e44.js';
 import '../../../../useOverflow-5a08887e.js';
 import '../../../../OrButton-31bcb511.js';
 import '../../../../OrLoader-5e2f359b.js';
@@ -31,7 +31,7 @@ import '../../../../OrTeleport.vue3-8099178c.js';
 import '../../../../useTheme-dc76b423.js';
 import '../../../../isPrevented-b1764210.js';
 import '../../../../isAncestor-2973d4f4.js';
-import '../../../../OrTag-f048f982.js';
+import '../../../../OrTag-81a88a91.js';
 import '../../../../OrIconButton-5a508869.js';
 import '../../../../OrIcon-9aff520e.js';
 import '../../../../OrTooltip-de856939.js';

package/dist/esm/v3/components/or-tag-input-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagInputV3 } from '../../OrTagInput-64951a91.js';
+export { s as OrTagInputV3 } from '../../OrTagInput-8e53511e.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-3a339b79.js';
@@ -36,8 +36,8 @@ import '../../isAncestor-2973d4f4.js';
 import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
 import '../../OrLoader-5e2f359b.js';
-import '../../OrTag-f048f982.js';
-import '../../OrTags-7ddae1b5.js';
+import '../../OrTag-81a88a91.js';
+import '../../OrTags-89785e44.js';
 import '../../useOverflow-5a08887e.js';
 import '../../OrButton-31bcb511.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-f048f982.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-81a88a91.js';
 import 'vue-demi';
 import '../../OrIconButton-5a508869.js';
 import '../../OrIcon-9aff520e.js';

package/dist/esm/v3/components/or-tags-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagsV3, T as TagsOverflow } from '../../OrTags-7ddae1b5.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../../OrTags-89785e44.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -23,7 +23,7 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
-import '../../OrTag-f048f982.js';
+import '../../OrTag-81a88a91.js';
 import '../../OrIconButton-5a508869.js';
 import '../../OrIcon-9aff520e.js';
 import '../../OrTooltip-de856939.js';