@onereach/ui-components 8.25.1 → 8.25.2-beta.4167.0

package/dist/bundled/v3/utils/functions/dom.js

@@ -1,6 +1,6 @@
-import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-d181c892.js';
-import { j as _getPrototype } from '../../components/OrList-c4e28c3c.js';
-import { g as get_1 } from '../../components/OrRadio-963df529.js';
+import { _ as _baseGetTag, b as isObjectLike_1 } from '../../components/OrDateTimePicker-72060191.js';
+import { j as _getPrototype } from '../../components/OrList-baf2736e.js';
+import { g as get_1 } from '../../components/OrRadio-a7e8f9cd.js';
 
 var baseGetTag = _baseGetTag,
   getPrototype = _getPrototype,

package/dist/esm/v2/{OrCardCollection-696ecfc6.js → OrCardCollection-d8dd7800.js}

@@ -3,7 +3,7 @@ import { _ as __vue_component__$2 } from './OrIconButton-9648578c.js';
 import { _ as __vue_component__$4 } from './OrSearch-177677ab.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-e9b6fa51.js';
 import { _ as __vue_component__$5 } from './OrLoader-784e2060.js';
-import { _ as __vue_component__$3 } from './OrSorting-d7985748.js';
+import { _ as __vue_component__$3 } from './OrSorting-054efbea.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;

package/dist/esm/v2/{OrDateFormat-ea8d2881.js → OrDateFormat-4daf9352.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-6d50fdb6.js';
-import './OrDateTimePickerTimeSelect-b45c2136.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
+import './OrDateTimePickerTimeSelect-b90e7818.js';
 import { f as formatDate } from './getTimePlaceholder-a3cfb6d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-7583e1c9.js → OrDatePicker-ae68e7a1.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.vue_rollup-plugin-vue_script-6d50fdb6.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-b45c2136.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-b90e7818.js';
 import './getTimePlaceholder-a3cfb6d8.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { _ as __vue_component__$7 } from './OrError-8eddcb36.js';

package/dist/esm/v2/{OrDateRangePicker-2bee1a72.js → OrDateRangePicker-f9c3a661.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.vue_rollup-plugin-vue_script-6d50fdb6.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-b45c2136.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-b90e7818.js';
 import './getTimePlaceholder-a3cfb6d8.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';

package/dist/esm/v2/{OrDateTimeFormat-29f3753a.js → OrDateTimeFormat-d4b8df45.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-6d50fdb6.js';
-import './OrDateTimePickerTimeSelect-b45c2136.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
+import './OrDateTimePickerTimeSelect-b90e7818.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-a3cfb6d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateTimePicker-5908c079.js → OrDateTimePicker-ecf6049b.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-6d50fdb6.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-6d50fdb6.js → OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js}

@@ -13,7 +13,7 @@ import { _ as __vue_component__$c } from './OrInputBox-f3dd826e.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-e9b6fa51.js';
 import { _ as __vue_component__$d } from './OrLabel-6637774a.js';
 import { _ as __vue_component__$e } from './OrPopover-98ace710.js';
-import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-b45c2136.js';
+import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-b90e7818.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a3cfb6d8.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 

package/dist/esm/v2/{OrDateTimePickerTimeSelect-b45c2136.js → OrDateTimePickerTimeSelect-b90e7818.js}

@@ -11,7 +11,7 @@ import './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import { _ as __vue_component__$9 } from './OrLabel-6637774a.js';
 import { _ as __vue_component__$b } from './OrIconButton-9648578c.js';
 import { _ as __vue_component__$a } from './OrIcon-3f99ef27.js';
-import { _ as __vue_component__$d } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$d } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$c } from './OrMenu-282fae04.js';
 import './OrPopover-98ace710.js';
 

package/dist/esm/v2/OrEditorTabs-3db46cad.js

@@ -0,0 +1,316 @@
+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 { _ as __vue_component__$2 } from './OrIcon-3f99ef27.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-eb60c1dd.js';
+import { _ as __vue_component__$3 } from './OrMenu-282fae04.js';
+import './OrPopover-98ace710.js';
+import { _ as __vue_component__$1 } from './OrEditorTabsItem-019273f0.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+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: __vue_component__$1,
+    OrIcon: __vue_component__$2,
+    OrMenu: __vue_component__$3,
+    OrMenuItem: __vue_component__$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();
+    const editorTabsItems = 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);
+    });
+    watch(selectedItem, value => {
+      var _a, _b, _c;
+      if (value) {
+        (_c = (_b = (_a = editorTabsItems.value) === null || _a === void 0 ? void 0 : _a[props.items.indexOf(value)]) === null || _b === void 0 ? void 0 : _b.root) === null || _c === void 0 ? void 0 : _c.scrollIntoView();
+      }
+    }, {
+      flush: 'post'
+    });
+    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;
+    }
+    // Methods
+    function open() {
+      context.emit('open');
+    }
+    function close(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,
+      editorTabsItems,
+      rootStyles,
+      headerStyles,
+      headerTabsStyles,
+      contentStyles,
+      proxyModelValue,
+      selectedItem,
+      overflowItems,
+      showOverflowMenu,
+      onWheel,
+      open,
+      close,
+      isDesktop,
+      isMobile
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('div', {
+    class: _vm.headerStyles
+  }, [_c('div', {
+    ref: "headerTabs",
+    class: _vm.headerTabsStyles,
+    on: {
+      "wheel": function ($event) {
+        $event.preventDefault();
+        return _vm.onWheel($event);
+      }
+    }
+  }, [_vm.isDesktop ? _vm._l(_vm.items, function (item) {
+    return _c('OrEditorTabsItem', {
+      key: item.value,
+      ref: "editorTabsItems",
+      refInFor: true,
+      attrs: {
+        "close-button": _vm.closeButton && !item.pinned,
+        "selected": item.value === _vm.proxyModelValue,
+        "disabled": item.disabled
+      },
+      on: {
+        "click": function ($event) {
+          _vm.proxyModelValue = item.value;
+        },
+        "close": function ($event) {
+          return _vm.close(item);
+        }
+      }
+    }, [_vm._t(item.value + "-label", function () {
+      return [_c('div', {
+        class: ['truncate']
+      }, [_vm._v("\n              " + _vm._s(item.label) + "\n            ")])];
+    }, {
+      "label": item.label
+    })], 2);
+  }) : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.selectedItem ? [_c('OrEditorTabsItem', {
+    class: ['grow'],
+    attrs: {
+      "close-button": _vm.closeButton && !_vm.selectedItem.pinned,
+      "selected": true,
+      "disabled": _vm.selectedItem.disabled
+    },
+    on: {
+      "close": function ($event) {
+        return _vm.close(_vm.selectedItem);
+      }
+    }
+  }, [_vm._t(_vm.selectedItem.value + "-label", function () {
+    return [_c('div', {
+      class: ['truncate']
+    }, [_vm._v("\n              " + _vm._s(_vm.selectedItem.label) + "\n            ")])];
+  }, {
+    "label": _vm.selectedItem.label
+  })], 2)] : _vm._e()], 2), _vm._v(" "), _vm.addButton ? [_c('OrEditorTabsItem', {
+    attrs: {
+      "close-button": false
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.open();
+      }
+    }
+  }, [_c('OrIcon', {
+    attrs: {
+      "icon": 'add',
+      "size": 'm'
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.items.length > 1 ? [_c('OrEditorTabsItem', {
+    attrs: {
+      "close-button": false
+    },
+    on: {
+      "click": function ($event) {
+        _vm.showOverflowMenu = true;
+      }
+    }
+  }, [_vm._v("\n        " + _vm._s(_vm.overflowItems.length) + "\n\n        "), _c('OrIcon', {
+    attrs: {
+      "icon": 'more_vert',
+      "size": 'm'
+    }
+  })], 1), _vm._v(" "), _c('OrMenu', {
+    attrs: {
+      "is-open": _vm.showOverflowMenu
+    },
+    on: {
+      "close": function ($event) {
+        _vm.showOverflowMenu = false;
+      }
+    }
+  }, _vm._l(_vm.overflowItems, function (item) {
+    return _c('OrMenuItem', {
+      key: item.value,
+      attrs: {
+        "close-button": _vm.closeButton && !item.pinned,
+        "disabled": item.disabled
+      },
+      on: {
+        "click": function ($event) {
+          _vm.proxyModelValue = item.value;
+        },
+        "close": function ($event) {
+          return _vm.close(item);
+        }
+      }
+    }, [_c('div', {
+      class: ['layout-row', 'gap-sm']
+    }, [_vm._t(item.value + "-label", function () {
+      return [_c('div', {
+        class: ['truncate']
+      }, [_vm._v("\n                " + _vm._s(item.label) + "\n              ")])];
+    }, {
+      "label": item.label
+    })], 2)]);
+  }), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t(_vm.proxyModelValue)], 2)]);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { EditorTabsOverflow as E, __vue_component__ as _ };

package/dist/esm/v2/OrEditorTabsItem-019273f0.js

@@ -0,0 +1,111 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { _ as __vue_component__$1 } from './OrIconButton-9648578c.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.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 = defineComponent({
+  components: {
+    OrIconButton: __vue_component__$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
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "selected": _vm.selected,
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click', $event);
+      }
+    }
+  }, [_vm._t("default"), _vm._v(" "), _vm.closeButton ? [_c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('close');
+      }
+    }
+  })] : _vm._e()], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as _ };

package/dist/esm/v2/{OrMenuItem-fbe3e8e4.js → OrMenuItem-eb60c1dd.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { _ as __vue_component__$2 } from './OrIconButton-9648578c.js';
 import { _ as __vue_component__$1 } from './OrIcon-3f99ef27.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-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: __vue_component__$1
+    OrIcon: __vue_component__$1,
+    OrIconButton: __vue_component__$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
@@ -85,8 +90,21 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
-  }, [_vm._t("default")], 2)], 2);
+    class: ['truncate']
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('OrIconButton', {
+    attrs: {
+      "icon": 'close',
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.$emit('close');
+      }
+    }
+  })] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrPagination-cd88192d.js → OrPagination-0533380e.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-f489e6b3.js';
 import './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import { _ as __vue_component__$2 } from './OrIcon-3f99ef27.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$3 } from './OrMenu-282fae04.js';
 import './OrPopover-98ace710.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrRichTextEditor-8886dae7.js → OrRichTextEditor-ab81253d.js}

@@ -21,7 +21,7 @@ import { _ as __vue_component__$2 } from './OrLabel-6637774a.js';
 import { _ as __vue_component__$4 } from './OrMenu-282fae04.js';
 import { _ as __vue_component__$8 } from './OrPopover-98ace710.js';
 import './dom-aecadd9a.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$5 } from './OrModal-1dc20721.js';
 import { _ as __vue_component__$6 } from './OrInput-4892978f.js';
 import { _ as __vue_component__$7 } from './OrButton-f489e6b3.js';

package/dist/esm/v2/{OrSelect-79bb96e9.js → OrSelect-3ca44559.js}

@@ -16,7 +16,7 @@ import { _ as __vue_component__$a } from './OrInputBox-f3dd826e.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-e9b6fa51.js';
 import { _ as __vue_component__$9 } from './OrInput-4892978f.js';
 import { _ as __vue_component__$b } from './OrLabel-6637774a.js';
-import { _ as __vue_component__$c } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$c } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$d } from './OrPopover-98ace710.js';
 import { T as TagsOverflow } from './OrTags-8f2af1d7.js';
 import { _ as __vue_component__$1, c as castToMultipleValue } from './OrSelectMultipleControl-b62645f3.js';

package/dist/esm/v2/{OrSidebar-6fedb0a6.js → OrSidebar-c6192763.js}

@@ -206,7 +206,7 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('OrResizeablePanel', {
     attrs: {
-      "is-open": _vm.isOpen,
+      "is-open": _vm.state === 'open',
       "width": _vm.width,
       "min-width": _vm.proxyMinWidth,
       "max-width": _vm.proxyMaxWidth,

package/dist/esm/v2/{OrSorting-d7985748.js → OrSorting-054efbea.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrMenu-282fae04.js';
 import './OrPopover-98ace710.js';
 import './dom-aecadd9a.js';
-import { _ as __vue_component__$2 } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$2 } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$3 } from './OrButton-f489e6b3.js';
 import './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import { _ as __vue_component__$4 } from './OrIcon-3f99ef27.js';

package/dist/esm/v2/{OrTabs-3e8905dd.js → OrTabs-5f4dbc50.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 { _ as __vue_component__$1 } from './OrIcon-3f99ef27.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-fbe3e8e4.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-eb60c1dd.js';
 import { _ as __vue_component__$2 } from './OrMenu-282fae04.js';
 import './OrPopover-98ace710.js';
 import { _ as __vue_component__$4 } from './OrTab-a989b4fd.js';

package/dist/esm/v2/{OrTimeFormat-851fd89e.js → OrTimeFormat-2992d0ad.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-6d50fdb6.js';
-import './OrDateTimePickerTimeSelect-b45c2136.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-e1de75da.js';
+import './OrDateTimePickerTimeSelect-b90e7818.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-a3cfb6d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';