@onereach/ui-components 8.17.2 → 8.17.3-beta.3894.0

package/dist/esm/v2/components/or-text-v3/OrText.vue.d.ts

@@ -3,7 +3,7 @@
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
  * that have same beginning and differ in the ending part.
  */
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
     sliceIndex: number;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/esm/v2/components/or-time-format-v3/index.js

@@ -1,6 +1,6 @@
-export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-6f604e51.js';
+export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-5ac01994.js';
 import 'vue-demi';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-a96da51a.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-7ad0cf94.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -28,11 +28,11 @@ import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-140c344d.js';
 import '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import '../../OrLabel-caf02dc4.js';
-import '../../OrDateTimePickerTimeSelect-f4d34b07.js';
+import '../../OrDateTimePickerTimeSelect-d9bd0717.js';
 import '../../getTimePlaceholder-3b2885bf.js';
 import '../../OrButton-8d1efd4a.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import '../../OrLoader-784e2060.js';
-import '../../OrMenuItem-fbe3e8e4.js';
+import '../../OrMenuItem-1ceac5a3.js';
 import '../../OrMenu-6fa468e0.js';
 import '../../getCurrentDate-046a888d.js';

package/dist/esm/v2/components/or-time-picker-v3/index.js

@@ -1,6 +1,6 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-2c6f375a.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-a96da51a.js';
-import '../../OrDateTimePickerTimeSelect-f4d34b07.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-2ce90154.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-7ad0cf94.js';
+import '../../OrDateTimePickerTimeSelect-d9bd0717.js';
 export { D as TimePickerFormat } from '../../getTimePlaceholder-3b2885bf.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
@@ -34,5 +34,5 @@ import '../../OrLabel-caf02dc4.js';
 import '../../OrButton-8d1efd4a.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import '../../OrLoader-784e2060.js';
-import '../../OrMenuItem-fbe3e8e4.js';
+import '../../OrMenuItem-1ceac5a3.js';
 import '../../OrMenu-6fa468e0.js';

package/dist/esm/v2/components/or-time-range-picker-v3/index.js

@@ -1,6 +1,6 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-d1346202.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-a96da51a.js';
-import '../../OrDateTimePickerTimeSelect-f4d34b07.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-b40e304b.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-7ad0cf94.js';
+import '../../OrDateTimePickerTimeSelect-d9bd0717.js';
 export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-3b2885bf.js';
 export { I as TimeRangePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
@@ -34,5 +34,5 @@ import '../../OrLabel-caf02dc4.js';
 import '../../OrButton-8d1efd4a.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import '../../OrLoader-784e2060.js';
-import '../../OrMenuItem-fbe3e8e4.js';
+import '../../OrMenuItem-1ceac5a3.js';
 import '../../OrMenu-6fa468e0.js';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-f6370222.
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f2870c25.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-81538267.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-54dce216.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f8781127.js';
@@ -37,16 +37,17 @@ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-0fc11f25.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-7292aca0.js';
 export { _ as OrMenuV3 } from './OrMenu-6fa468e0.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-07b82c80.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-1284f1f6.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-5f2eb2eb.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-3beda618.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-96459018.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-1fe5231b.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-d381f01e.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-9f75b137.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-333a7ed4.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-84b5e159.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-5557a432.js';
-export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-f4d34b07.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-36593ddc.js';
+export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-d9bd0717.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-3b2885bf.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
+export { _ as OrEditorTabsV3 } from './OrEditorTabs-e579f61e.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-57ac6d85.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-b54010de.js';
@@ -75,7 +76,7 @@ export { _ as OrListV3 } from './OrList-e3af3bb7.js';
 export { _ as OrListItem } from './OrListItem-534e8e9d.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-461b6372.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-784e2060.js';
-export { _ as OrMenuItemV3 } from './OrMenuItem-fbe3e8e4.js';
+export { _ as OrMenuItemV3 } from './OrMenuItem-1ceac5a3.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-2a962f80.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-b191f8c8.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-4957a85a.js';
@@ -84,7 +85,7 @@ export { _ as OrNumberInput } from './OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-b867545d.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-9aa5020f.js';
-export { _ as OrPaginationV3 } from './OrPagination-3d2f0b10.js';
+export { _ as OrPaginationV3 } from './OrPagination-b8bfac96.js';
 export { _ as OrPassword } from './OrPassword-240afb27.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-8a37f30d.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-0fd66e91.js';
@@ -97,12 +98,12 @@ export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-757f7dc1.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-7466a45d.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-9276b93e.js';
 export { _ as OrSearch } from './OrSearch-ddf244e6.js';
 export { _ as OrSearchV3 } from './OrSearch-2910207c.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from './OrSelect-d271f7a3.js';
-export { _ as OrSelectV3 } from './OrSelect-4768c12b.js';
+export { _ as OrSelectV3 } from './OrSelect-130a20e4.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-e07d338e.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -113,7 +114,7 @@ export { _ as OrSkeletonCircleV3 } from './OrSkeletonCircle-3419b04d.js';
 export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from './OrSlider-d7eaa715.js';
-export { _ as OrSortingV3 } from './OrSorting-65c84965.js';
+export { _ as OrSortingV3 } from './OrSorting-6e860062.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-40a888dd.js';
 export { _ as OrStepper } from './OrStepper-2d05e6d5.js';
 export { _ as OrSwitch } from './OrSwitch-6c0dd56b.js';
@@ -122,7 +123,7 @@ export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-a989b4fd.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-778ce12d.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-3c11de6c.js';
 export { _ as OrTag } from './OrTag-ce728fad.js';
 export { _ as OrTagInputV3 } from './OrTagInput-c4110c0b.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-bf15f5ad.js';
@@ -133,9 +134,9 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
 export { _ as OrTextareaV3 } from './OrTextarea-9cdf0f6c.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-2ae0ee03.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-6f604e51.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-2c6f375a.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-d1346202.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-5ac01994.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-2ce90154.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-b40e304b.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-3085d81a.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-327e1a16.js';
@@ -176,8 +177,9 @@ import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
 import '@floating-ui/dom';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-a96da51a.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-7ad0cf94.js';
 import 'lodash/padStart';
+import './OrEditorTabsItem-f7e51428.js';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-b9697924.js';
 import 'lodash/isNil';
 import 'lodash/cloneDeep';

package/dist/esm/v3/{OrCardCollection-fc6fd56c.js → OrCardCollection-0f04c21e.js}

@@ -3,7 +3,7 @@ import { s as script$2 } from './OrIconButton-13fd3f96.js';
 import { s as script$4 } from './OrSearch-fccacdba.js';
 import './OrInputBox-8c1a29dd.js';
 import { s as script$5 } from './OrLoader-b7d415dd.js';
-import { s as script$3 } from './OrSorting-15a719a1.js';
+import { s as script$3 } from './OrSorting-4802d04f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 
 var CardCollectionView;

package/dist/esm/v3/{OrDateFormat-6664bd05.js → OrDateFormat-24e2f240.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-a5c05ec9.js';
-import './OrDateTimePickerTimeSelect-09c588d7.js';
+import './OrDateTimePicker-16cd02b7.js';
+import './OrDateTimePickerTimeSelect-d4bc91c7.js';
 import { f as formatDate } from './getTimePlaceholder-fd41baed.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-03b00df9.js → OrDatePicker-9d87fb5f.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-a5c05ec9.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-09c588d7.js';
+import './OrDateTimePicker-16cd02b7.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-d4bc91c7.js';
 import './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-69bd7f6a.js';

package/dist/esm/v3/{OrDateRangePicker-52553adf.js → OrDateRangePicker-8e4baa39.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-a5c05ec9.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-09c588d7.js';
+import './OrDateTimePicker-16cd02b7.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-d4bc91c7.js';
 import './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';

package/dist/esm/v3/{OrDateTimeFormat-137ef652.js → OrDateTimeFormat-66fb27d6.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-a5c05ec9.js';
-import './OrDateTimePickerTimeSelect-09c588d7.js';
+import './OrDateTimePicker-16cd02b7.js';
+import './OrDateTimePickerTimeSelect-d4bc91c7.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-fd41baed.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-a5c05ec9.js → OrDateTimePicker-16cd02b7.js}

@@ -12,7 +12,7 @@ import { s as script$b } from './OrIcon-b2e2d0aa.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
 import { s as script$e } from './OrLabel-40af976e.js';
 import { s as script$f } from './OrPopover-88b8aa2a.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-09c588d7.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-d4bc91c7.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-fd41baed.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-09c588d7.js → OrDateTimePickerTimeSelect-d4bc91c7.js}

@@ -10,7 +10,7 @@ import { s as script$8 } from './OrButton-a881b13b.js';
 import { s as script$9 } from './OrLabel-40af976e.js';
 import { s as script$b } from './OrIconButton-13fd3f96.js';
 import { s as script$a } from './OrIcon-b2e2d0aa.js';
-import { s as script$d } from './OrMenuItem-2928ba60.js';
+import { s as script$d } from './OrMenuItem-1d97b5ef.js';
 import { s as script$c } from './OrMenu-690d1376.js';
 import './OrPopover-88b8aa2a.js';
 

package/dist/esm/v3/OrEditorTabs-9922bb11.js

@@ -0,0 +1,182 @@
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import '@vueuse/core';
+import './dom-aecadd9a.js';
+import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import { u as useResponsive } from './useResponsive-1baf3485.js';
+import '@onereach/styles/tailwind.config.json';
+import { s as script$2 } from './OrIcon-b2e2d0aa.js';
+import { s as script$4 } from './OrMenuItem-1d97b5ef.js';
+import { s as script$3 } from './OrMenu-690d1376.js';
+import './OrPopover-88b8aa2a.js';
+import { s as script$1 } from './OrEditorTabsItem-2a87249a.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, renderSlot } from 'vue';
+
+const EditorTabs = [];
+const EditorTabsHeader = [
+// Layout
+'layout-row',
+// Theme
+'theme-border-underline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+const EditorTabsHeaderTabs = [
+// Layout
+'layout-row',
+// Theme
+'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
+const EditorTabsHeaderMenu = [];
+const EditorTabsContent = [
+// Spacing
+'px-md', 'py-md',
+// Theme
+'theme-background-surface-1', 'dark:theme-background-surface-1-dark'];
+
+var script = defineComponent({
+  components: {
+    OrEditorTabsItem: script$1,
+    OrIcon: script$2,
+    OrMenu: script$3,
+    OrMenuItem: script$4
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    items: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ['update:modelValue', 'open', 'close'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-editor-tabs-v3', ...EditorTabs]);
+    const headerStyles = computed(() => [...EditorTabsHeader]);
+    const headerTabsStyles = computed(() => [...EditorTabsHeaderTabs]);
+    const headerMenuStyles = computed(() => [...EditorTabsHeaderMenu]);
+    const contentStyles = computed(() => [...EditorTabsContent]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const selectedItem = computed(() => {
+      return props.items.find(item => item.value === proxyModelValue.value);
+    });
+    const overflowItems = computed(() => {
+      return props.items.filter(item => item.value !== proxyModelValue.value);
+    });
+    const displayAll = ref(false);
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
+    return {
+      root,
+      rootStyles,
+      headerStyles,
+      headerTabsStyles,
+      headerMenuStyles,
+      contentStyles,
+      proxyModelValue,
+      selectedItem,
+      overflowItems,
+      displayAll,
+      isDesktop,
+      isMobile
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrEditorTabsItem = resolveComponent("OrEditorTabsItem");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.headerStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(['grow', ..._ctx.headerTabsStyles])
+  }, [_ctx.isDesktop ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrEditorTabsItem, {
+      key: item.value,
+      selected: item.value === _ctx.proxyModelValue,
+      disabled: item.disabled,
+      onClick: $event => _ctx.proxyModelValue = item.value,
+      onClose: $event => _ctx.$emit('close', item)
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick", "onClose"]);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.selectedItem ? (openBlock(), createBlock(_component_OrEditorTabsItem, {
+    key: 1,
+    class: normalizeClass(['grow']),
+    selected: true,
+    disabled: _ctx.selectedItem.disabled,
+    onClose: _cache[0] || (_cache[0] = $event => _ctx.$emit('close', _ctx.selectedItem))
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.selectedItem.label), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrEditorTabsItem, {
+    "close-button": false,
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('open'))
+  }, {
+    endIcon: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'add',
+      size: 'm'
+    })]),
+    _: 1 /* STABLE */
+  }), _ctx.isMobile && _ctx.items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
+    key: 2
+  }, [createVNode(_component_OrEditorTabsItem, {
+    "close-button": false,
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.displayAll = true)
+  }, {
+    endIcon: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'more_vert',
+      size: 'm'
+    })]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.overflowItems.length) + " ", 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }), createVNode(_component_OrMenu, {
+    "is-open": _ctx.displayAll,
+    onClose: _cache[3] || (_cache[3] = $event => _ctx.displayAll = false)
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: item.value,
+        "close-button": true,
+        disabled: item.disabled,
+        onClick: $event => _ctx.proxyModelValue = item.value,
+        onClose: $event => _ctx.$emit('close', item)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onClick", "onClose"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["is-open"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.headerMenuStyles)
+  }, null, 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, _ctx.proxyModelValue)], 2 /* CLASS */)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-editor-tabs-v3/OrEditorTabs.vue";
+
+export { script as s };

package/dist/esm/v3/OrEditorTabsItem-2a87249a.js

@@ -0,0 +1,83 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$1 } from './OrIconButton-13fd3f96.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, createVNode, withModifiers, createElementVNode } from 'vue';
+
+const EditorTabsItem = [
+// Layout
+'layout-row',
+// Interactivity
+'interactivity-click',
+// Box
+'md:max-w-[240px]',
+// Spacing
+'px-md', 'py-sm', 'gap-sm',
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
+// Theme (hover)
+'hover:theme-foreground-primary', 'dark:hover:theme-foreground-primary-dark',
+// Theme (selected)
+'selected:theme-foreground-primary', 'dark:selected:theme-foreground-primary-dark', 'selected:theme-background-surface-1', 'dark:selected:theme-background-surface-1-dark'];
+
+var script = defineComponent({
+  components: {
+    OrIconButton: script$1
+  },
+  props: {
+    closeButton: {
+      type: Boolean,
+      default: true
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['close'],
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-editor-tabs-item-v3', ...EditorTabsItem]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["selected", "disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+const _hoisted_3 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.selected,
+    disabled: _ctx.disabled
+  }, [renderSlot(_ctx.$slots, "startIcon"), _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "endIcon"), _ctx.closeButton ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_hoisted_3, createVNode(_component_OrIconButton, {
+    icon: 'close',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
+  }, null, 8 /* PROPS */, ["disabled"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-editor-tabs-v3/partials/or-editor-tabs-item/OrEditorTabsItem.vue";
+
+export { script as s };

package/dist/esm/v3/{OrMenuItem-2928ba60.js → OrMenuItem-1d97b5ef.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$2 } from './OrIconButton-13fd3f96.js';
 import { s as script$1 } from './OrIcon-b2e2d0aa.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, Fragment, createVNode, withModifiers } from 'vue';
 
 const MenuItemRoot = [
 // Layout
@@ -23,15 +24,19 @@ const MenuItemRoot = [
 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark'];
 
 var script = defineComponent({
-  name: 'OrMenuItem',
   components: {
-    OrIcon: script$1
+    OrIcon: script$1,
+    OrIconButton: script$2
   },
   props: {
     icon: {
       type: [String, Object],
       default: undefined
     },
+    closeButton: {
+      type: Boolean,
+      default: false
+    },
     selected: {
       type: Boolean,
       default: false
@@ -41,7 +46,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['click', 'focus', 'blur'],
+  emits: ['click', 'focus', 'blur', 'close'],
   expose: ['root'],
   setup() {
     // Refs
@@ -57,24 +62,35 @@ var script = defineComponent({
 
 const _hoisted_1 = ["tabindex", "selected", "disabled"];
 const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['truncate', 'w-full'])
+  class: /*#__PURE__*/normalizeClass(['truncate'])
 };
+const _hoisted_3 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     selected: _ctx.selected,
     disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }, [_ctx.icon ? (openBlock(), createBlock(_component_OrIcon, normalizeProps(mergeProps({
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }, [renderSlot(_ctx.$slots, "startIcon", {}, () => [_ctx.icon ? (openBlock(), createBlock(_component_OrIcon, normalizeProps(mergeProps({
     key: 0
   }, typeof _ctx.icon === 'string' ? {
     icon: _ctx.icon
-  } : _ctx.icon)), null, 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+  } : _ctx.icon)), null, 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), renderSlot(_ctx.$slots, "endIcon"), _ctx.closeButton ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_hoisted_3, createVNode(_component_OrIconButton, {
+    icon: 'close',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
+  }, null, 8 /* PROPS */, ["disabled"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/esm/v3/{OrPagination-3d6365cc.js → OrPagination-5f8bf9f2.js}

@@ -6,7 +6,7 @@ import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-a881b13b.js';
 import { s as script$2 } from './OrIcon-b2e2d0aa.js';
-import { s as script$4 } from './OrMenuItem-2928ba60.js';
+import { s as script$4 } from './OrMenuItem-1d97b5ef.js';
 import { s as script$3 } from './OrMenu-690d1376.js';
 import './OrPopover-88b8aa2a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrRichTextEditor-d9182fa2.js → OrRichTextEditor-05029649.js}

@@ -20,7 +20,7 @@ import { s as script$1 } from './OrIconButton-13fd3f96.js';
 import { s as script$2 } from './OrLabel-40af976e.js';
 import { s as script$4 } from './OrMenu-690d1376.js';
 import { s as script$8 } from './OrPopover-88b8aa2a.js';
-import { s as script$3 } from './OrMenuItem-2928ba60.js';
+import { s as script$3 } from './OrMenuItem-1d97b5ef.js';
 import { s as script$5 } from './OrModal-33100f1a.js';
 import { s as script$6 } from './OrInput-2810a760.js';
 import { s as script$7 } from './OrButton-a881b13b.js';

package/dist/esm/v3/{OrSelect-5a22c1da.js → OrSelect-9ee2a6bf.js}

@@ -15,7 +15,7 @@ import { s as script$7 } from './OrIcon-b2e2d0aa.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
 import { s as script$9 } from './OrInput-2810a760.js';
 import { s as script$b } from './OrLabel-40af976e.js';
-import { s as script$c } from './OrMenuItem-2928ba60.js';
+import { s as script$c } from './OrMenuItem-1d97b5ef.js';
 import { s as script$d } from './OrPopover-88b8aa2a.js';
 import { T as TagsOverflow } from './OrTags-801c20ad.js';
 import { s as script$1 } from './OrSelectMultipleControl-6b5a831d.js';