@onereach/ui-components 6.4.6-beta.3439.0 → 6.4.6-beta.3448.0

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-a488b35e.js';
+import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-46c3b387.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

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

@@ -176,7 +176,7 @@ var __vue_render__ = function () {
       "options": _vm.sortOptions
     },
     on: {
-      "update:modelValue": function ($event) {
+      "update:model-value": function ($event) {
         return _vm.$emit('sortChange', $event);
       }
     }

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

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-3cae2d25.js';
 import { b as basicSetup, i as indentWithTab } from '../../index-62bb1bac.js';
-import { u as useElementHover } from '../../index-a488b35e.js';
+import { u as useElementHover } from '../../index-46c3b387.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

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

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-a488b35e.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-46c3b387.js';
 import { l as logicAnd } from '../../index-bd1d316d.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

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

@@ -1,4 +1,4 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-a488b35e.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-46c3b387.js';
 import { l as logicAnd } from '../../index-bd1d316d.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-11ba714c.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

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

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-b6e4472a.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-9fa0151c.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-11ba714c.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e2a587bb.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-11ba714c.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-a488b35e.js';
+import { c as useVModel } from '../../index-46c3b387.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { g as useElementSize } from '../../index-a488b35e.js';
+import { g as useElementSize } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-a488b35e.js';
-import { u as useFocusTrap } from '../../useFocusTrap-d0cc90cc.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
+import { u as useFocusTrap } from '../../useFocusTrap-93867923.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { h as useScrollLock } from '../../index-a488b35e.js';
+import { h as useScrollLock } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-a488b35e.js';
+import { c as useVModel } from '../../index-46c3b387.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from '../../index-a488b35e.js';
+import { d as useElementBounding } from '../../index-46c3b387.js';
 import { r as round_1 } from '../../round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -0,0 +1,152 @@
+import { e as useDraggable } from '../../index-46c3b387.js';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { ResizeablePanelPlacement } from './props.js';
+import { ResizeablePanel, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelContent, ResizeablePanelToolbar } from './styles.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  props: {
+    width: {
+      type: Number,
+      default: 320
+    },
+    minWidth: {
+      type: Number,
+      default: 256
+    },
+    maxWidth: {
+      type: Number,
+      default: 384
+    },
+    placement: {
+      type: String,
+      required: true
+    },
+    resizeable: {
+      type: Boolean,
+      default: true
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    const resizeBar = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-resizeable-panel-v3', ...ResizeablePanel]);
+    const resizeBarStyles = computed(() => [...ResizeablePanelResizeBar, ...ResizeablePanelResizeBarPlacements[props.placement]]);
+    const contentStyles = computed(() => [...ResizeablePanelContent]);
+    const toolbarStyles = computed(() => [...ResizeablePanelToolbar]);
+    // State
+    const currentWidth = ref(props.width);
+    watch(() => props.width, value => {
+      currentWidth.value = value;
+    });
+    const referencePoint = ref(0);
+    // Effects
+    useDraggable(resizeBar, {
+      onStart: (_position, event) => {
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+          case ResizeablePanelPlacement.Bottom:
+            referencePoint.value = event.y;
+            break;
+          case ResizeablePanelPlacement.Left:
+          case ResizeablePanelPlacement.Right:
+            referencePoint.value = event.x;
+            break;
+        }
+        document.body.style.userSelect = 'none';
+      },
+      onMove: position => {
+        let nextWidth = 0;
+        switch (props.placement) {
+          case ResizeablePanelPlacement.Top:
+            nextWidth = currentWidth.value + (position.y - referencePoint.value);
+            referencePoint.value = position.y;
+            break;
+          case ResizeablePanelPlacement.Bottom:
+            nextWidth = currentWidth.value + (referencePoint.value - position.y);
+            referencePoint.value = position.y;
+            break;
+          case ResizeablePanelPlacement.Left:
+            nextWidth = currentWidth.value + (position.x - referencePoint.value);
+            referencePoint.value = position.x;
+            break;
+          case ResizeablePanelPlacement.Right:
+            nextWidth = currentWidth.value + (referencePoint.value - position.x);
+            referencePoint.value = position.x;
+            break;
+        }
+        if (nextWidth < props.minWidth) {
+          nextWidth = props.minWidth;
+        }
+        if (nextWidth > props.maxWidth) {
+          nextWidth = props.maxWidth;
+        }
+        currentWidth.value = nextWidth;
+      },
+      onEnd: () => {
+        document.body.style.userSelect = '';
+      }
+    });
+    return {
+      root,
+      resizeBar,
+      rootStyles,
+      resizeBarStyles,
+      contentStyles,
+      toolbarStyles,
+      currentWidth
+    };
+  }
+});
+
+/* 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,
+    style: {
+      width: _vm.currentWidth + "px"
+    }
+  }, [_c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
+    class: _vm.toolbarStyles
+  }, [_vm._t("toolbar")], 2)] : _vm._e(), _vm._v(" "), _vm.resizeable ? [_c('div', {
+    ref: 'resizeBar',
+    class: _vm.resizeBarStyles
+  })] : _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 default };

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.vue.d.ts

@@ -0,0 +1,89 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    resizeBar: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    currentWidth: import("@vue/composition-api").Ref<number>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "left" | "right">;
+        required: true;
+    };
+    resizeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "left" | "right">;
+        required: true;
+    };
+    resizeable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    placement: "top" | "bottom" | "left" | "right";
+    resizeable: boolean;
+    collapsible: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    resizeBar: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    currentWidth: import("@vue/composition-api").Ref<number>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    placement: "top" | "bottom" | "left" | "right";
+    resizeable: boolean;
+    collapsible: boolean;
+} & {}, {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    resizeable: boolean;
+    collapsible: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v2/components/OrResizeablePanelV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrResizeablePanelV3 } from './OrResizeablePanel.vue';
+export * from './props';

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

@@ -0,0 +1,2 @@
+export { default as OrResizeablePanelV3 } from './OrResizeablePanel.js';
+export { ResizeablePanelPlacement } from './props.js';

package/dist/bundled/v2/components/OrResizeablePanelV3/props.d.ts

@@ -0,0 +1,6 @@
+export declare enum ResizeablePanelPlacement {
+    Top = "top",
+    Bottom = "bottom",
+    Left = "left",
+    Right = "right"
+}

package/dist/bundled/v2/components/OrResizeablePanelV3/props.js

@@ -0,0 +1,9 @@
+var ResizeablePanelPlacement;
+(function (ResizeablePanelPlacement) {
+  ResizeablePanelPlacement["Top"] = "top";
+  ResizeablePanelPlacement["Bottom"] = "bottom";
+  ResizeablePanelPlacement["Left"] = "left";
+  ResizeablePanelPlacement["Right"] = "right";
+})(ResizeablePanelPlacement || (ResizeablePanelPlacement = {}));
+
+export { ResizeablePanelPlacement };

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

@@ -0,0 +1,6 @@
+import { ResizeablePanelPlacement } from './props';
+export declare const ResizeablePanel: string[];
+export declare const ResizeablePanelContent: string[];
+export declare const ResizeablePanelToolbar: string[];
+export declare const ResizeablePanelResizeBar: string[];
+export declare const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]>;

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

@@ -0,0 +1,54 @@
+import { ResizeablePanelPlacement } from './props.js';
+
+const ResizeablePanel = [
+// Position
+'relative',
+// Layout
+'layout-column shrink-0'];
+const ResizeablePanelContent = [
+// Layout
+'layout-column grow',
+// Overflow
+'overflow-auto',
+// Spacing
+'px-md', 'py-md'];
+const ResizeablePanelToolbar = [];
+const ResizeablePanelResizeBar = [
+// Position
+'absolute',
+// Theme
+'theme-background-transparent', 'dark:theme-background-transparent-dark',
+// Theme (hover)
+'hover:theme-background-primary-hover', 'dark:hover:theme-background-primary-hover-dark'];
+const ResizeablePanelResizeBarPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Position
+  'bottom-none', 'left-none', 'right-none',
+  // Interactivity
+  'cursor-row-resize',
+  // Box
+  'h-[2px]'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Position
+  'top-none', 'left-none', 'right-none',
+  // Interactivity
+  'cursor-row-resize',
+  // Box
+  'h-[2px]'],
+  [ResizeablePanelPlacement.Left]: [
+  // Position
+  'right-none', 'top-none', 'bottom-none',
+  // Interactivity
+  'cursor-col-resize',
+  // Box
+  'w-[2px]'],
+  [ResizeablePanelPlacement.Right]: [
+  // Position
+  'left-none', 'top-none', 'bottom-none',
+  // Interactivity
+  'cursor-col-resize',
+  // Box
+  'w-[2px]']
+};
+
+export { ResizeablePanel, ResizeablePanelContent, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelToolbar };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from '../../useFocusTrap-d0cc90cc.js';
-import { e as useResizeObserver, o as onClickOutside } from '../../index-a488b35e.js';
+import { u as useFocusTrap } from '../../useFocusTrap-93867923.js';
+import { f as useResizeObserver, o as onClickOutside } from '../../index-46c3b387.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-625aa5ef.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-1789f0cf.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-fe2002b6.js';

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

@@ -1,4 +1,4 @@
-import { f as useDraggable } from '../../index-a488b35e.js';
+import { e as useDraggable } from '../../index-46c3b387.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -1,4 +1,4 @@
-import { f as useDraggable, d as useElementBounding } from '../../index-a488b35e.js';
+import { e as useDraggable, d as useElementBounding } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, f as useDraggable } from '../../index-a488b35e.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-46c3b387.js';
 import { f as addClass, h as removeClass } from '../../dom-cec392f3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { e as useResizeObserver } from '../../index-a488b35e.js';
+import { f as useResizeObserver } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { k as useEventBus } from '../../../index-46c3b387.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -153,7 +153,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-toast--transition-slide-enter-active[data-v-286c3782],.or-toast--transition-slide-leave-active[data-v-286c3782]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-286c3782],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-286c3782]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-286c3782],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-286c3782]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-286c3782],.or-toast--transition-fade-leave-active[data-v-286c3782]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-286c3782],.or-toast--transition-fade-leave-to[data-v-286c3782]{opacity:0}";
+var css_248z = ".or-toast--transition-slide-enter-active[data-v-3382509d],.or-toast--transition-slide-leave-active[data-v-3382509d]{transition:transform .4s ease}.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-3382509d],.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-3382509d]{transform:translateX(999px)}.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-3382509d],.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-3382509d]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-3382509d],.or-toast--transition-fade-leave-active[data-v-3382509d]{transition:opacity .4s ease}.or-toast--transition-fade-enter-from[data-v-3382509d],.or-toast--transition-fade-leave-to[data-v-3382509d]{opacity:0}";
 styleInject(css_248z);
 
 /* script */
@@ -171,10 +171,8 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.classes
   }, [_c('TransitionGroup', {
-    staticClass: "contents",
     attrs: {
-      "name": _vm.transitionName,
-      "tag": "div"
+      "name": _vm.transitionName
     },
     on: {
       "after-leave": _vm.onToastHidden
@@ -204,7 +202,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-286c3782";
+const __vue_scope_id__ = "data-v-3382509d";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { k as useEventBus } from '../../../index-46c3b387.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/index.d.ts

@@ -73,6 +73,7 @@ export * from './or-radio';
 export * from './or-radio-group';
 export * from './or-radio-group-v3';
 export * from './or-radio-v3';
+export * from './or-resizeable-panel-v3';
 export * from './or-rich-text-editor-v3';
 export * from './or-search';
 export * from './or-search-v3';