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

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-dfd98c34.js';
+export { s as default } from '../OrCardCollectionV3-7187c827.js';

package/dist/bundled/v3/components/OrCardCollectionV3/index.js

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-dfd98c34.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-7187c827.js';

package/dist/bundled/v3/components/OrCardCollectionV3/props.js

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-dfd98c34.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-7187c827.js';

package/dist/bundled/v3/components/OrCardCollectionV3/styles.js

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-dfd98c34.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-7187c827.js';

package/dist/bundled/v3/components/{OrCardCollectionV3-dfd98c34.js → OrCardCollectionV3-7187c827.js}

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButtonV3-aa18f25c.js';
-import { s as script$3 } from './OrSortingV3-d3080a33.js';
+import { s as script$3 } from './OrSortingV3-7e2cde4b.js';
 import { OrSearchV3 as script$4 } from './OrSearchV3/index.js';
 import { s as script$5 } from './OrLoaderV3-b7b7afab.js';
 

package/dist/bundled/v3/components/OrDateFormatV3/OrDateFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrDateFormatV3-8456e52e.js';
+export { s as default } from '../OrDateFormatV3-160b377a.js';

package/dist/bundled/v3/components/OrDateFormatV3/index.js

@@ -1 +1 @@
-export { s as OrDateFormatV3 } from '../OrDateFormatV3-8456e52e.js';
+export { s as OrDateFormatV3 } from '../OrDateFormatV3-160b377a.js';

package/dist/bundled/v3/components/OrDateFormatV3/styles.js

@@ -1 +1 @@
-export { D as DateFormat } from '../OrDateFormatV3-8456e52e.js';
+export { D as DateFormat } from '../OrDateFormatV3-160b377a.js';

package/dist/bundled/v3/components/{OrDateFormatV3-8456e52e.js → OrDateFormatV3-160b377a.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { f as formatDate } from './OrDateTimePickerV3-3d8a4ecd.js';
+import { f as formatDate } from './OrDateTimePickerV3-30fc0d86.js';
 
 const DateFormat = [
 // Layout

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

@@ -1 +1 @@
-export { s as default } from '../OrDatePickerV3-a3e534f7.js';
+export { s as default } from '../OrDatePickerV3-0ceb7d27.js';

package/dist/bundled/v3/components/OrDatePickerV3/index.js

@@ -1,2 +1,2 @@
-export { s as OrDatePickerV3 } from '../OrDatePickerV3-a3e534f7.js';
+export { s as OrDatePickerV3 } from '../OrDatePickerV3-0ceb7d27.js';
 export { I as DatePickerSize } from '../OrInputBoxV3-ddd117f0.js';

package/dist/bundled/v3/components/OrDatePickerV3/styles.js

@@ -1 +1 @@
-export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-a3e534f7.js';
+export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-0ceb7d27.js';

package/dist/bundled/v3/components/{OrDatePickerV3-a3e534f7.js → OrDatePickerV3-0ceb7d27.js}

@@ -1,7 +1,7 @@
 import { s as script$b, I as InputBoxSize } from './OrInputBoxV3-ddd117f0.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-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, g as getCurrentDate } from './OrDateTimePickerV3-3d8a4ecd.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, g as getCurrentDate } from './OrDateTimePickerV3-30fc0d86.js';
 import { s as script$7 } from './OrErrorV3-f61387d6.js';
 import { s as script$8 } from './OrHintV3-1fcfaa19.js';
 import { s as script$9 } from './OrIconV3-5db4e349.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrDateRangePickerV3-7f658b13.js';
+export { s as default } from '../OrDateRangePickerV3-083c55bb.js';

package/dist/bundled/v3/components/OrDateRangePickerV3/index.js

@@ -1,2 +1,2 @@
-export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-7f658b13.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePickerV3-083c55bb.js';
 export { I as DateRangePickerSize } from '../OrInputBoxV3-ddd117f0.js';

package/dist/bundled/v3/components/OrDateRangePickerV3/styles.js

@@ -1 +1 @@
-export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-7f658b13.js';
+export { D as DateRangePicker, a as DateRangePickerPopover } from '../OrDateRangePickerV3-083c55bb.js';

package/dist/bundled/v3/components/{OrDateRangePickerV3-7f658b13.js → OrDateRangePickerV3-083c55bb.js}

@@ -7,7 +7,7 @@ import { s as script$9 } from './OrIconV3-5db4e349.js';
 import { s as script$a } from './OrIconButtonV3-aa18f25c.js';
 import { s as script$c } from './OrLabelV3-28f7ac2c.js';
 import { s as script$d } from './OrPopoverV3-a7d181a4.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, g as getCurrentDate, h as getNextMonthDate } from './OrDateTimePickerV3-3d8a4ecd.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, g as getCurrentDate, h as getNextMonthDate } from './OrDateTimePickerV3-30fc0d86.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';

package/dist/bundled/v3/components/OrDateTimeFormatV3/OrDateTimeFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrDateTimeFormatV3-3bd73929.js';
+export { s as default } from '../OrDateTimeFormatV3-57f56dd5.js';

package/dist/bundled/v3/components/OrDateTimeFormatV3/index.js

@@ -1 +1 @@
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormatV3-3bd73929.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormatV3-57f56dd5.js';

package/dist/bundled/v3/components/OrDateTimeFormatV3/styles.js

@@ -1 +1 @@
-export { D as DateTimeFormat } from '../OrDateTimeFormatV3-3bd73929.js';
+export { D as DateTimeFormat } from '../OrDateTimeFormatV3-57f56dd5.js';

package/dist/bundled/v3/components/{OrDateTimeFormatV3-3bd73929.js → OrDateTimeFormatV3-57f56dd5.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { D as DateTimePickerTimeFormat, f as formatDate, i as formatTime } from './OrDateTimePickerV3-3d8a4ecd.js';
+import { D as DateTimePickerTimeFormat, f as formatDate, i as formatTime } from './OrDateTimePickerV3-30fc0d86.js';
 
 const DateTimeFormat = [
 // Layout

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

@@ -1 +1 @@
-export { l as default } from '../OrDateTimePickerV3-3d8a4ecd.js';
+export { l as default } from '../OrDateTimePickerV3-30fc0d86.js';

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

@@ -1,2 +1,2 @@
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../OrDateTimePickerV3-3d8a4ecd.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, j as OrDateTimePickerTimeControl, k as OrDateTimePickerTimeSelect, l as OrDateTimePickerV3, f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../OrDateTimePickerV3-30fc0d86.js';
 export { I as DateTimePickerSize } from '../OrInputBoxV3-ddd117f0.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/props.js

@@ -1,2 +1,2 @@
 export { I as DateTimePickerSize } from '../OrInputBoxV3-ddd117f0.js';
-export { D as DateTimePickerTimeFormat } from '../OrDateTimePickerV3-3d8a4ecd.js';
+export { D as DateTimePickerTimeFormat } from '../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/styles.js

@@ -1 +1 @@
-export { o as DateTimePicker, p as DateTimePickerDatePopover, q as DateTimePickerTimePopover } from '../OrDateTimePickerV3-3d8a4ecd.js';
+export { o as DateTimePicker, p as DateTimePickerDatePopover, q as DateTimePickerTimePopover } from '../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatDate.js

@@ -1 +1 @@
-export { f as formatDate } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { f as formatDate } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/formatTime.js

@@ -1 +1 @@
-export { i as formatTime } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { i as formatTime } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getCurrentDate.js

@@ -1 +1 @@
-export { g as getCurrentDate } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { g as getCurrentDate } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getDatePlaceholder.js

@@ -1 +1 @@
-export { m as getDatePlaceholder } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { m as getDatePlaceholder } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getNextMonthDate.js

@@ -1 +1 @@
-export { h as getNextMonthDate } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { h as getNextMonthDate } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/getTimePlaceholder.js

@@ -1 +1 @@
-export { n as getTimePlaceholder } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { n as getTimePlaceholder } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/OrDateTimePickerV3/utils/index.js

@@ -1 +1 @@
-export { f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../../OrDateTimePickerV3-3d8a4ecd.js';
+export { f as formatDate, i as formatTime, g as getCurrentDate, m as getDatePlaceholder, h as getNextMonthDate, n as getTimePlaceholder } from '../../OrDateTimePickerV3-30fc0d86.js';

package/dist/bundled/v3/components/{OrDateTimePickerV3-3d8a4ecd.js → OrDateTimePickerV3-30fc0d86.js}

@@ -7,7 +7,7 @@ import { s as script$a } from './OrLabelV3-28f7ac2c.js';
 import { s as script$b } from './OrIconV3-5db4e349.js';
 import { s as script$c } from './OrIconButtonV3-aa18f25c.js';
 import { s as script$d } from './OrMenuV3-4eb5f090.js';
-import { s as script$e } from './OrMenuItemV3-7b557536.js';
+import { s as script$e } from './OrMenuItemV3-be4ff817.js';
 import { s as script$f } from './OrErrorV3-f61387d6.js';
 import { s as script$g } from './OrHintV3-1fcfaa19.js';
 import { s as script$i } from './OrPopoverV3-a7d181a4.js';

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

@@ -0,0 +1 @@
+export { s as default } from '../OrEditorTabsV3-b73f614e.js';

package/dist/bundled/v3/components/OrEditorTabsV3/OrEditorTabs.vue.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue-demi';
+import { TabsItem } from '../or-tabs-v3';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    items: {
+        type: PropType<TabsItem[]>;
+        required: true;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    headerStyles: import("vue-demi").ComputedRef<string[]>;
+    headerTabsStyles: import("vue-demi").ComputedRef<string[]>;
+    headerMenuStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | undefined>;
+    selectedItem: import("vue-demi").ComputedRef<TabsItem | undefined>;
+    overflowItems: import("vue-demi").ComputedRef<TabsItem[]>;
+    displayAll: import("vue-demi").Ref<boolean>;
+    isDesktop: import("vue-demi").ComputedRef<boolean>;
+    isMobile: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "open" | "close")[], "update:modelValue" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    items: {
+        type: PropType<TabsItem[]>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrEditorTabsV3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrEditorTabsV3 } from './OrEditorTabs.vue';

package/dist/bundled/v3/components/OrEditorTabsV3/index.js

@@ -0,0 +1 @@
+export { s as OrEditorTabsV3 } from '../OrEditorTabsV3-b73f614e.js';

package/dist/bundled/v3/components/OrEditorTabsV3/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const EditorTabs: string[];
+export declare const EditorTabsHeader: string[];
+export declare const EditorTabsHeaderTabs: string[];
+export declare const EditorTabsHeaderMenu: string[];
+export declare const EditorTabsContent: string[];

package/dist/bundled/v3/components/OrEditorTabsV3/styles.js

@@ -0,0 +1 @@
+export { E as EditorTabs, d as EditorTabsContent, a as EditorTabsHeader, c as EditorTabsHeaderMenu, b as EditorTabsHeaderTabs } from '../OrEditorTabsV3-b73f614e.js';

package/dist/bundled/v3/components/OrEditorTabsV3-b73f614e.js

@@ -0,0 +1,256 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, createVNode, withModifiers, createElementVNode, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { s as script$2 } from './OrIconButtonV3-aa18f25c.js';
+import { s as script$3 } from './OrIconV3-5db4e349.js';
+import { s as script$4 } from './OrMenuV3-4eb5f090.js';
+import { s as script$5 } from './OrMenuItemV3-be4ff817.js';
+import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
+import useResponsive from '../hooks/useResponsive/useResponsive.js';
+
+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$1 = defineComponent({
+  components: {
+    OrIconButton: script$2
+  },
+  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$1(_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$1.render = render$1;
+script$1.__file = "src/components/or-editor-tabs-v3/partials/or-editor-tabs-item/OrEditorTabsItem.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$3,
+    OrMenu: script$4,
+    OrMenuItem: script$5
+  },
+  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 { EditorTabs as E, EditorTabsHeader as a, EditorTabsHeaderTabs as b, EditorTabsHeaderMenu as c, EditorTabsContent as d, script as s };

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.js

@@ -1 +1 @@
-export { s as default } from '../OrMenuItemV3-7b557536.js';
+export { s as default } from '../OrMenuItemV3-be4ff817.js';

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.vue.d.ts

@@ -4,6 +4,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<any>;
         default: undefined;
     };
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,11 +19,15 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", 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, ("click" | "focus" | "blur" | "close")[], "click" | "focus" | "blur" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     icon: {
         type: PropType<any>;
         default: undefined;
     };
+    closeButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selected: {
         type: BooleanConstructor;
         default: boolean;
@@ -32,8 +40,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     icon: any;
+    closeButton: boolean;
     selected: boolean;
     disabled: boolean;
 }>;

package/dist/bundled/v3/components/OrMenuItemV3/index.js

@@ -1 +1 @@
-export { s as OrMenuItemV3 } from '../OrMenuItemV3-7b557536.js';
+export { s as OrMenuItemV3 } from '../OrMenuItemV3-be4ff817.js';

package/dist/bundled/v3/components/OrMenuItemV3/styles.js

@@ -1 +1 @@
-export { M as MenuItemRoot } from '../OrMenuItemV3-7b557536.js';
+export { M as MenuItemRoot } from '../OrMenuItemV3-be4ff817.js';