@onereach/ui-components 11.2.2-beta.4407.0 → 11.2.2

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

@@ -5,7 +5,7 @@ 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-131258e5.js';
+import { _ as __vue_component__$3 } from '../../OrInput-5aaf4a93.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-a0e66288.js';
+export { _ as default } from '../../OrDataGrid-6a1319de.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-a0e66288.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-6a1319de.js';

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

@@ -1,6 +1,6 @@
 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-60690000.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ead3be0d.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

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

@@ -8,7 +8,7 @@ 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-60690000.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ead3be0d.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-60690000.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ead3be0d.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a223ad91.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';

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

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-60690000.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ead3be0d.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a223ad91.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrIconV3/OrIcon.js

@@ -19,6 +19,7 @@ var script = defineComponent({
       default: () => IconSize.M
     }
   },
+  emits: ['click'],
   expose: ['root'],
   setup(props) {
     // Refs
@@ -42,7 +43,12 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: 'root',
-    class: _vm.rootStyles
+    class: _vm.rootStyles,
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click', $event);
+      }
+    }
   }, [_vm._v("\n  " + _vm._s(_vm.icon) + "\n")]);
 };
 var __vue_staticRenderFns__ = [];

package/dist/bundled/v2/components/OrIconV3/OrIcon.vue.d.ts

@@ -33,14 +33,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: string;
     variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
     size: "inherit" | "xl" | "l" | "m";
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     icon: string;
     variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
     size: "inherit" | "xl" | "l" | "m";
-} & {}, {
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
     variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
     size: "inherit" | "xl" | "l" | "m";
 }, true>);

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-913cd049.js';
+export { _ as default } from '../../OrInlineInput-8ac80190.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-913cd049.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-8ac80190.js';

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-131258e5.js';
+export { _ as default } from '../../OrInput-5aaf4a93.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-131258e5.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-5aaf4a93.js';

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-4acc37e0.js';
+export { _ as default } from '../../OrList-5501d6df.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-4acc37e0.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-5501d6df.js';

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { Pagination, PaginationItem } from './styles.js';
+import { PaginationRoot, PaginationOffsetControl, PaginationLimitControl, PaginationItem } from './styles.js';
 import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrIconV3/OrIcon.js';
 import __vue_component__$3 from '../OrMenuV3/OrMenu.js';
@@ -32,21 +32,13 @@ var script = defineComponent({
     options: {
       type: Array,
       default: () => [50, 20, 10, 5]
-    },
-    features: {
-      type: Object,
-      default: () => ({
-        limit: true,
-        range: true
-      })
     }
   },
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs & Styles
+    // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-pagination-v3', ...Pagination]);
     const limitButton = ref();
     const limitButtonRoot = computed(() => {
       var _a;
@@ -57,26 +49,20 @@ var script = defineComponent({
       var _a;
       return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
     });
-    const offsetButton = ref();
-    const offsetButtonRoot = computed(() => {
-      var _a;
-      return (_a = offsetButton.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const offsetMenu = ref();
-    const offsetMenuRoot = computed(() => {
-      var _a;
-      return (_a = offsetMenu.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
+    // Styles
+    const rootStyles = computed(() => ['or-pagination-v3', ...PaginationRoot]);
+    const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
+    const limitControlStyles = computed(() => [...PaginationLimitControl]);
     const itemStyles = computed(() => [...PaginationItem]);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const currentLimit = computed({
       get: () => {
         var _a, _b;
-        return (_b = (_a = model.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.options[0];
+        return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : props.options[0];
       },
       set: value => {
-        model.value = {
+        proxyModelValue.value = {
           limit: value,
           offset: 0
         };
@@ -85,10 +71,10 @@ var script = defineComponent({
     const currentOffset = computed({
       get: () => {
         var _a, _b;
-        return (_b = (_a = model.value) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
+        return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
       },
       set: value => {
-        model.value = {
+        proxyModelValue.value = {
           limit: currentLimit.value,
           offset: value
         };
@@ -151,17 +137,15 @@ var script = defineComponent({
     } = useResponsive();
     return {
       root,
-      rootStyles,
       limitButton,
       limitButtonRoot,
       limitMenu,
       limitMenuRoot,
-      offsetButton,
-      offsetButtonRoot,
-      offsetMenu,
-      offsetMenuRoot,
+      rootStyles,
+      offsetControlStyles,
+      limitControlStyles,
       itemStyles,
-      model,
+      proxyModelValue,
       currentLimit,
       currentOffset,
       currentPage,
@@ -189,48 +173,7 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['layout-row', 'gap-md', 'shrink-0']
-  }, [_vm.features.limit ? [_c('div', {
-    class: ['layout-row', 'gap-sm']
-  }, [_vm._v("\n        Per page:\n\n        "), _c('OrButton', {
-    ref: 'limitButton',
-    class: _vm.itemStyles,
-    attrs: {
-      "variant": 'link',
-      "color": 'inherit',
-      "activated": true
-    },
-    on: {
-      "click": function ($event) {
-        _vm.limitMenu && _vm.limitMenu.open();
-      }
-    }
-  }, [_vm._v("\n          " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
-    attrs: {
-      "icon": _vm.limitMenu && _vm.limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
-    }
-  })], 1), _vm._v(" "), _c('OrMenu', {
-    ref: 'limitMenu',
-    attrs: {
-      "additional-styles": ['min-w-[60px]'],
-      "trigger": _vm.limitButtonRoot,
-      "placement": 'top'
-    }
-  }, _vm._l(_vm.options, function (limit) {
-    return _c('OrMenuItem', {
-      key: limit,
-      attrs: {
-        "selected": _vm.currentLimit === limit
-      },
-      on: {
-        "click": function ($event) {
-          _vm.currentLimit = limit;
-          _vm.limitMenu && _vm.limitMenu.close();
-        }
-      }
-    }, [_vm._v("\n            " + _vm._s(limit) + "\n          ")]);
-  }), 1)], 1)] : _vm._e(), _vm._v(" "), _vm.features.range ? [_vm._v("\n      " + _vm._s(_vm.currentOffset + 1) + "-" + _vm._s(Math.min(_vm.currentOffset + _vm.currentLimit, _vm.length)) + " of " + _vm._s(_vm.length) + "\n    ")] : _vm._e()], 2), _vm._v(" "), _c('div', {
-    class: ['layout-row', 'gap-md', 'shrink-0']
+    class: _vm.offsetControlStyles
   }, [_c('OrButton', {
     class: _vm.itemStyles,
     attrs: {
@@ -247,7 +190,7 @@ var __vue_render__ = function () {
     attrs: {
       "icon": 'keyboard_arrow_left'
     }
-  })], 1), _vm._v(" "), _vm.isDesktop ? _vm._l(_vm.buttonGroup, function (page, index) {
+  })], 1), _vm._v(" "), _vm.isDesktop ? [_vm._l(_vm.buttonGroup, function (page, index) {
     return _c('OrButton', {
       key: index,
       class: _vm.itemStyles,
@@ -262,8 +205,26 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._v("\n        " + _vm._s(page) + "\n      ")]);
-  }) : _vm._e(), _vm._v(" "), _vm.isMobile ? [_c('OrButton', {
-    ref: 'offsetButton',
+  }), _vm._v(" "), _c('OrButton', {
+    class: _vm.itemStyles,
+    attrs: {
+      "variant": 'link',
+      "color": 'inherit',
+      "disabled": _vm.currentPage === _vm.lastPage
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.toNextPage();
+      }
+    }
+  }, [_c('OrIcon', {
+    attrs: {
+      "icon": 'keyboard_arrow_right'
+    }
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    class: _vm.limitControlStyles
+  }, [_vm.isDesktop ? [_vm._v("\n      Per page:\n    ")] : _vm._e(), _vm._v(" "), _c('OrButton', {
+    ref: 'limitButton',
     class: _vm.itemStyles,
     attrs: {
       "variant": 'link',
@@ -272,34 +233,33 @@ var __vue_render__ = function () {
     },
     on: {
       "click": function ($event) {
-        _vm.offsetMenu && _vm.offsetMenu.open();
+        _vm.limitMenu && _vm.limitMenu.open();
       }
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.currentPage) + " "), _c('OrIcon', {
+  }, [_vm._v("\n      " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
     attrs: {
-      "icon": _vm.offsetMenu && _vm.offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
+      "icon": _vm.limitMenu && _vm.limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
     }
   })], 1), _vm._v(" "), _c('OrMenu', {
-    ref: 'offsetMenu',
+    ref: 'limitMenu',
     attrs: {
       "additional-styles": ['min-w-[60px]'],
-      "trigger": _vm.offsetButtonRoot,
+      "trigger": _vm.limitButtonRoot,
       "placement": 'top'
     }
-  }, _vm._l(_vm.lastPage, function (page) {
+  }, _vm._l(_vm.options, function (pageSize) {
     return _c('OrMenuItem', {
-      key: page,
-      attrs: {
-        "selected": _vm.currentPage === page
-      },
+      key: pageSize,
       on: {
         "click": function ($event) {
-          _vm.currentPage = page;
-          _vm.offsetMenu && _vm.offsetMenu.close();
+          _vm.currentLimit = pageSize;
+          _vm.limitMenu && _vm.limitMenu.close();
         }
       }
-    }, [_vm._v("\n          " + _vm._s(page) + "\n        ")]);
-  }), 1)] : _vm._e(), _vm._v(" "), _c('OrButton', {
+    }, [_vm._v("\n        " + _vm._s(pageSize) + "\n      ")]);
+  }), 1)], 2), _vm._v(" "), _vm.isMobile ? [_c('div', {
+    class: _vm.offsetControlStyles
+  }, [_c('OrButton', {
     class: _vm.itemStyles,
     attrs: {
       "variant": 'link',
@@ -315,7 +275,7 @@ var __vue_render__ = function () {
     attrs: {
       "icon": 'keyboard_arrow_right'
     }
-  })], 1)], 2)]);
+  })], 1)], 1)] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue-demi';
-import { PaginationFeatures, PaginationModelValue } from './types';
+import { PaginationModelValue } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
     } | string[], {} & {}, {
@@ -15,20 +14,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    offsetButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    offsetButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    offsetMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    offsetMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;
@@ -53,10 +43,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<number[]>;
         default: () => number[];
     };
-    features: {
-        type: PropType<PaginationFeatures>;
-        default: () => PaginationFeatures;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: PropType<PaginationModelValue>;
@@ -70,20 +56,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<number[]>;
         default: () => number[];
     };
-    features: {
-        type: PropType<PaginationFeatures>;
-        default: () => PaginationFeatures;
-    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     length: number;
     modelValue: PaginationModelValue;
     options: number[];
-    features: PaginationFeatures;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
     } | string[], {} & {}, {
@@ -96,20 +76,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    offsetButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    offsetButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    offsetMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    offsetMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<PaginationModelValue>;
     currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
     currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
     currentPage: import("@vue/composition-api").WritableComputedRef<number>;
@@ -125,12 +96,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     length: number;
     modelValue: PaginationModelValue;
     options: number[];
-    features: PaginationFeatures;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: PaginationModelValue;
     options: number[];
-    features: PaginationFeatures;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrPaginationV3/styles.d.ts

@@ -1,2 +1,4 @@
-export declare const Pagination: string[];
+export declare const PaginationRoot: string[];
+export declare const PaginationOffsetControl: string[];
+export declare const PaginationLimitControl: string[];
 export declare const PaginationItem: string[];

package/dist/bundled/v2/components/OrPaginationV3/styles.js

@@ -1,4 +1,4 @@
-const Pagination = [
+const PaginationRoot = [
 // Layout
 'layout-row',
 // Spacing
@@ -7,10 +7,20 @@ const Pagination = [
 'typography-caption-regular',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+const PaginationOffsetControl = [
+// Layout
+'layout-row',
+// Spacing
+'gap-md'];
+const PaginationLimitControl = [
+// Layout
+'layout-row',
+// Spacing
+'gap-sm'];
 const PaginationItem = [
 // Typography
 'typography-caption-regular',
 // Typography (activated)
 'activated:typography-caption-bold'];
 
-export { Pagination, PaginationItem };
+export { PaginationItem, PaginationLimitControl, PaginationOffsetControl, PaginationRoot };

package/dist/bundled/v2/components/OrPaginationV3/types.d.ts

@@ -3,7 +3,3 @@ export type PaginationModelValue = ModelValue<{
     limit: number;
     offset: number;
 }>;
-export type PaginationFeatures = {
-    limit?: boolean;
-    range?: boolean;
-};

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

@@ -12,7 +12,7 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-131258e5.js';
+import { _ as __vue_component__$6 } from '../../OrInput-5aaf4a93.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.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-131258e5.js';
+import { _ as __vue_component__$1 } from '../../OrInput-5aaf4a93.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.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-131258e5.js';
+import { _ as __vue_component__$c } from '../../OrInput-5aaf4a93.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/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-695b64df.js';
+export { _ as default } from '../../OrTree-a0562ed7.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-695b64df.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-a0562ed7.js';

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-a0e66288.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-6a1319de.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,7 +52,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-60690000.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-ead3be0d.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-5492e55e.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-a223ad91.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
@@ -89,14 +89,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-913cd049.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-8ac80190.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { InputBoxSize, InputBoxVariant } from './OrInputBoxV3/props.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-131258e5.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-5aaf4a93.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';
@@ -104,7 +104,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-4acc37e0.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-5501d6df.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -205,4 +205,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-695b64df.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-a0562ed7.js';