@onereach/ui-components 8.24.1-beta.4148.0 → 8.24.1-beta.4149.0

package/dist/esm/v3/OrEditorTabs-035c87b8.js

@@ -0,0 +1,256 @@
+import { useScroll } from '@vueuse/core';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+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-f41255f0.js';
+import { s as script$3 } from './OrMenu-f73c0256.js';
+import './OrPopover-d8067ed8.js';
+import { s as script$1 } from './OrEditorTabsItem-dcd46258.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode } from 'vue';
+
+var EditorTabsOverflow;
+(function (EditorTabsOverflow) {
+  EditorTabsOverflow["Scroll"] = "scroll";
+  EditorTabsOverflow["Wrap"] = "wrap";
+})(EditorTabsOverflow || (EditorTabsOverflow = {}));
+
+const EditorTabs = [];
+const EditorTabsHeader = [
+// Layout
+'layout-row',
+// Theme
+'theme-border-underline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
+const EditorTabsHeaderTabs = [
+// Layout
+'layout-row grow md:grow-0',
+// Box
+'max-w-full',
+// Theme
+'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'];
+const EditorTabsHeaderTabsOverflows = {
+  [EditorTabsOverflow.Scroll]: [
+  // Overflow
+  'overflow-x-auto scrollbar-hidden'],
+  [EditorTabsOverflow.Wrap]: [
+  // Layout
+  'flex-wrap']
+};
+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
+    },
+    overflow: {
+      type: String,
+      default: () => EditorTabsOverflow.Scroll
+    },
+    addButton: {
+      type: Boolean,
+      default: true
+    },
+    closeButton: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:modelValue', 'open', 'close'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const headerTabs = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-editor-tabs-v3', ...EditorTabs]);
+    const headerStyles = computed(() => [...EditorTabsHeader]);
+    const headerTabsStyles = computed(() => [...EditorTabsHeaderTabs, ...EditorTabsHeaderTabsOverflows[props.overflow]]);
+    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 showOverflowMenu = ref(false);
+    const {
+      x: headerTabsScroll
+    } = useScroll(headerTabs);
+    // Handlers
+    function onWheel(event) {
+      headerTabsScroll.value = headerTabsScroll.value + event.deltaY;
+    }
+    function onClose(item) {
+      if (item.value === proxyModelValue.value) {
+        const index = props.items.indexOf(item);
+        if (index !== -1) {
+          const nextItem = props.items[index + 1];
+          const previousItem = props.items[index - 1];
+          proxyModelValue.value = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.value) || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.value);
+        }
+      }
+      context.emit('close', item);
+    }
+    // Helpers
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
+    // Effects
+    watch(() => props.items, items => {
+      if (items.length === 1) {
+        proxyModelValue.value = items[0].value;
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      root,
+      headerTabs,
+      rootStyles,
+      headerStyles,
+      headerTabsStyles,
+      contentStyles,
+      proxyModelValue,
+      selectedItem,
+      overflowItems,
+      showOverflowMenu,
+      onWheel,
+      onClose,
+      isDesktop,
+      isMobile
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm'])
+};
+const _hoisted_4 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+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", {
+    ref: "headerTabs",
+    class: normalizeClass(_ctx.headerTabsStyles),
+    onWheel: _cache[1] || (_cache[1] = withModifiers($event => _ctx.onWheel($event), ["prevent"]))
+  }, [_ctx.isDesktop ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrEditorTabsItem, {
+      key: item.value,
+      "close-button": _ctx.closeButton && !item.pinned,
+      selected: item.value === _ctx.proxyModelValue,
+      disabled: item.disabled,
+      onClick: $event => _ctx.proxyModelValue = item.value,
+      onClose: $event => _ctx.onClose(item)
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, `${item.value}-label`, {
+        label: item.label
+      }, () => [createElementVNode("div", _hoisted_1, toDisplayString(item.label), 1 /* TEXT */)])]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["close-button", "selected", "disabled", "onClick", "onClose"]);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.selectedItem ? (openBlock(), createBlock(_component_OrEditorTabsItem, {
+    key: 1,
+    class: normalizeClass(['grow']),
+    "close-button": _ctx.closeButton && !_ctx.selectedItem.pinned,
+    selected: true,
+    disabled: _ctx.selectedItem.disabled,
+    onClose: _cache[0] || (_cache[0] = $event => _ctx.onClose(_ctx.selectedItem))
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, `${_ctx.selectedItem.value}-label`, {
+      label: _ctx.selectedItem.label
+    }, () => [createElementVNode("div", _hoisted_2, toDisplayString(_ctx.selectedItem.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["close-button", "disabled"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */), _ctx.addButton ? (openBlock(), createBlock(_component_OrEditorTabsItem, {
+    key: 0,
+    "close-button": false,
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.$emit('open'))
+  }, {
+    default: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'add',
+      size: 'm'
+    })]),
+    _: 1 /* STABLE */
+  })) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.items.length > 1 ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [createVNode(_component_OrEditorTabsItem, {
+    "close-button": false,
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.showOverflowMenu = true)
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.overflowItems.length) + " ", 1 /* TEXT */), createVNode(_component_OrIcon, {
+      icon: 'more_vert',
+      size: 'm'
+    })]),
+    _: 1 /* STABLE */
+  }), createVNode(_component_OrMenu, {
+    "is-open": _ctx.showOverflowMenu,
+    onClose: _cache[4] || (_cache[4] = $event => _ctx.showOverflowMenu = false)
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: item.value,
+        "close-button": _ctx.closeButton && !item.pinned,
+        disabled: item.disabled,
+        onClick: $event => _ctx.proxyModelValue = item.value,
+        onClose: $event => _ctx.onClose(item)
+      }, {
+        default: withCtx(() => [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, `${item.value}-label`, {
+          label: item.label
+        }, () => [createElementVNode("div", _hoisted_4, toDisplayString(item.label), 1 /* TEXT */)])])]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["close-button", "disabled", "onClick", "onClose"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["is-open"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 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 { EditorTabsOverflow as E, script as s };

package/dist/esm/v3/OrEditorTabsItem-dcd46258.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$1 } from './OrIconButton-a9c53084.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, 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 = /*#__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, "default"), _ctx.closeButton ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_hoisted_2, 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-f41255f0.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$2 } from './OrIconButton-a9c53084.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, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot, Fragment, createVNode, withModifiers } from 'vue';
 
-const MenuItemRoot = [
+const MenuItem = [
 // Layout
 'layout-row',
 // Spacing
@@ -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,13 +46,13 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['click', 'focus', 'blur'],
+  emits: ['click', 'focus', 'blur', 'close'],
   expose: ['root'],
   setup() {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItemRoot]);
+    const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
     return {
       root,
       rootStyles
@@ -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))
+    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))
   }, [_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")]), _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)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/esm/v3/{OrPagination-99a0f7d9.js → OrPagination-bdd04a35.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-9ca0dc8e.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-f41255f0.js';
 import { s as script$3 } from './OrMenu-f73c0256.js';
 import './OrPopover-d8067ed8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrRichTextEditor-b46eab67.js → OrRichTextEditor-9e55fd0c.js}

@@ -21,7 +21,7 @@ import { s as script$2 } from './OrLabel-6c83afe4.js';
 import { s as script$4 } from './OrMenu-f73c0256.js';
 import { s as script$8 } from './OrPopover-d8067ed8.js';
 import './dom-aecadd9a.js';
-import { s as script$3 } from './OrMenuItem-2928ba60.js';
+import { s as script$3 } from './OrMenuItem-f41255f0.js';
 import { s as script$5 } from './OrModal-9e5490b6.js';
 import { s as script$6 } from './OrInput-2ccc8f4c.js';
 import { s as script$7 } from './OrButton-9ca0dc8e.js';

package/dist/esm/v3/{OrSelect-9bd373a6.js → OrSelect-b68a81e9.js}

@@ -15,11 +15,11 @@ import { s as script$7 } from './OrIcon-b2e2d0aa.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-be83fe16.js';
 import { s as script$9 } from './OrInput-2ccc8f4c.js';
 import { s as script$b } from './OrLabel-6c83afe4.js';
-import { s as script$c } from './OrMenuItem-2928ba60.js';
+import { s as script$c } from './OrMenuItem-f41255f0.js';
 import { s as script$d } from './OrPopover-d8067ed8.js';
 import { T as TagsOverflow } from './OrTags-278c3292.js';
 import { s as script$1, c as castToMultipleValue } from './OrSelectMultipleControl-5cc62b9b.js';
-import { s as script$2 } from './OrSelectSingleControl-a0f2bedb.js';
+import { s as script$2 } from './OrSelectSingleControl-384d4b45.js';
 import './OrSelectPlaceholder-fc5a2dbf.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, withModifiers, createVNode, Fragment, renderList, vShow } from 'vue';
 

package/dist/esm/v3/{OrSelectSingleControl-a0f2bedb.js → OrSelectSingleControl-384d4b45.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2 } from './OrSelectControlInput-266e9375.js';
 import { s as script$1 } from './OrSelectPlaceholder-fc5a2dbf.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, Fragment, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, Fragment, createBlock, withCtx, createTextVNode } from 'vue';
 
 const SelectSingleControlInput = [
 // Layout
@@ -104,7 +104,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  key: 1,
+  key: 0,
   class: "truncate"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -113,22 +113,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.isOpen && _ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
+  }, [!_ctx.isEmpty && !_ctx.isOpen ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */)) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSelectControlInput, {
     key: 0,
     ref: "searchControl",
     modelValue: _ctx.searchModelValue,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchModelValue = $event),
     placeholder: _ctx.isEmpty ? _ctx.placeholder : _ctx.selectionLabel
-  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [_ctx.isEmpty ? (openBlock(), createBlock(_component_OrSelectPlaceholder, {
-    key: 0,
+  }, null, 8 /* PROPS */, ["modelValue", "placeholder"])) : (openBlock(), createBlock(_component_OrSelectPlaceholder, {
+    key: 1,
     disabled: _ctx.disabled
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)]),
 
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.selectionLabel), 1 /* TEXT */))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["disabled"]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/{OrSidebar-f765a54f.js → OrSidebar-4cff84a1.js}

@@ -199,7 +199,7 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrResizeablePanel = resolveComponent("OrResizeablePanel");
   return openBlock(), createBlock(_component_OrResizeablePanel, {
-    "is-open": _ctx.isOpen,
+    "is-open": _ctx.state === 'open',
     width: _ctx.width,
     "min-width": _ctx.proxyMinWidth,
     "max-width": _ctx.proxyMaxWidth,

package/dist/esm/v3/{OrSorting-68352d17.js → OrSorting-e378e858.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { s as script$1 } from './OrMenu-f73c0256.js';
 import './OrPopover-d8067ed8.js';
 import './dom-aecadd9a.js';
-import { s as script$2 } from './OrMenuItem-2928ba60.js';
+import { s as script$2 } from './OrMenuItem-f41255f0.js';
 import { s as script$3 } from './OrButton-9ca0dc8e.js';
 import { s as script$4 } from './OrIcon-b2e2d0aa.js';
 import '@vueuse/core';

package/dist/esm/v3/{OrTabs-4f172881.js → OrTabs-2f5a014e.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-b2e2d0aa.js';
-import { s as script$3 } from './OrMenuItem-2928ba60.js';
+import { s as script$3 } from './OrMenuItem-f41255f0.js';
 import { s as script$2 } from './OrMenu-f73c0256.js';
 import './OrPopover-d8067ed8.js';
 import { s as script$4 } from './OrTab-42be32d1.js';

package/dist/esm/v3/{OrTimeFormat-5a8621e5.js → OrTimeFormat-4a141a50.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-80cc1e9b.js';
-import './OrDateTimePickerTimeSelect-a016bd5d.js';
+import './OrDateTimePicker-c3048d3f.js';
+import './OrDateTimePickerTimeSelect-dfbab9bd.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-8a7ffc20.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-365ce9a7.js → OrTimePicker-6a4bc657.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-80cc1e9b.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-a016bd5d.js';
+import './OrDateTimePicker-c3048d3f.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-dfbab9bd.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-8a7ffc20.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-39d69994.js';

package/dist/esm/v3/{OrTimeRangePicker-61b5bf0f.js → OrTimeRangePicker-427cea8e.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-80cc1e9b.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-a016bd5d.js';
+import './OrDateTimePicker-c3048d3f.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-dfbab9bd.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-8a7ffc20.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-39d69994.js';

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

@@ -29,6 +29,7 @@ export * from './or-date-time-format-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';
 export * from './or-drop-area-v3';
+export * from './or-editor-tabs-v3';
 export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';