@onereach/ui-components 8.0.4 → 8.0.5

package/dist/esm/v2/{OrResizeablePanel-3c0dd222.js → OrResizeablePanel-5e6fe9b7.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+import { s as script } from './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js → OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js}

@@ -37,10 +37,14 @@ const ResizeablePanelPlacements = {
   'layout-column-reverse'],
   [ResizeablePanelPlacement.Left]: [
   // Layout
-  'layout-row !items-stretch'],
+  'layout-row !items-stretch',
+  // Box
+  'h-full min-h-0'],
   [ResizeablePanelPlacement.Right]: [
   // Layout
-  'layout-row-reverse !items-stretch']
+  'layout-row-reverse !items-stretch',
+  // Box
+  'h-full min-h-0']
 };
 const ResizeablePanelContent = [
 // Layout

package/dist/esm/v2/{OrSidebar-8c1da1ae.js → OrSidebar-0780cfbb.js}

@@ -4,9 +4,9 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrResizeablePanel-3c0dd222.js';
-import { R as ResizeablePanelPadding } from './OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
-import { S as SidebarPlacement } from './props-d6c49e50.js';
+import { _ as __vue_component__$1 } from './OrResizeablePanel-5e6fe9b7.js';
+import { R as ResizeablePanelPadding } from './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
+import { S as SidebarPlacement } from './props-e9140ae3.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Sidebar = [

package/dist/esm/v2/components/index.js

@@ -90,8 +90,8 @@ export { _ as OrRadio } from '../OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from '../OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from '../OrRadio-81a1263e.js';
-export { _ as OrResizeablePanelV3 } from '../OrResizeablePanel-3c0dd222.js';
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+export { _ as OrResizeablePanelV3 } from '../OrResizeablePanel-5e6fe9b7.js';
+export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-f973f577.js';
 export { _ as OrSearch } from '../OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from '../OrSearch-de426be1.js';
@@ -99,8 +99,8 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-c0d04cf6.js';
 export { _ as OrSelectV3 } from '../OrSelect-3a3e9081.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-8c1da1ae.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-d6c49e50.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-0780cfbb.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-e9140ae3.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-bd5d97bb.js';

package/dist/esm/v2/components/or-resizeable-panel-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrResizeablePanelV3 } from '../../OrResizeablePanel-3c0dd222.js';
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+export { _ as OrResizeablePanelV3 } from '../../OrResizeablePanel-5e6fe9b7.js';
+export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 import '../../normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import 'vue-demi';

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

@@ -1,6 +1,6 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-8c1da1ae.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../../props-d6c49e50.js';
-export { R as SidebarPadding } from '../../OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-0780cfbb.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../../props-e9140ae3.js';
+export { R as SidebarPadding } from '../../OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -9,7 +9,7 @@ import 'lodash/get';
 import '../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrResizeablePanel-3c0dd222.js';
+import '../../OrResizeablePanel-5e6fe9b7.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrIconButton-29a22ef8.js';
 import '../../OrIcon-0343b3d8.js';

package/dist/esm/v2/components/or-sidebar-v3/partials/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from '../../../OrIconButton-29a22ef8.js';
-import { S as SidebarPlacement } from '../../../props-d6c49e50.js';
+import { S as SidebarPlacement } from '../../../props-e9140ae3.js';
 import { n as normalizeComponent } from '../../../normalize-component-6e8e3d80.js';
 import '../../../OrIcon-0343b3d8.js';
 import '../../../OrTooltip-b01c6ab1.js';
@@ -20,7 +20,7 @@ import '../../../OrOverlay-868d1120.js';
 import '../../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../../useTheme-0ef25778.js';
-import '../../../OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+import '../../../OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 
 const CollapseButton = [
 // Box

package/dist/esm/v2/index.js

@@ -90,8 +90,8 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from './OrRadio-81a1263e.js';
-export { _ as OrResizeablePanelV3 } from './OrResizeablePanel-3c0dd222.js';
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+export { _ as OrResizeablePanelV3 } from './OrResizeablePanel-5e6fe9b7.js';
+export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-f973f577.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from './OrSearch-de426be1.js';
@@ -99,8 +99,8 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
 export { _ as OrSelectV3 } from './OrSelect-3a3e9081.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-8c1da1ae.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-d6c49e50.js';
+export { _ as OrSidebarV3 } from './OrSidebar-0780cfbb.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-e9140ae3.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';

package/dist/esm/v2/{props-d6c49e50.js → props-e9140ae3.js}

@@ -1,4 +1,4 @@
-import './OrResizeablePanel.vue_rollup-plugin-vue_script-07c8dc30.js';
+import './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
 
 var SidebarPlacement;
 (function (SidebarPlacement) {

package/dist/esm/v3/{OrResizeablePanel-6b220a54.js → OrResizeablePanel-81a57c7a.js}

@@ -38,10 +38,14 @@ const ResizeablePanelPlacements = {
   'layout-column-reverse'],
   [ResizeablePanelPlacement.Left]: [
   // Layout
-  'layout-row !items-stretch'],
+  'layout-row !items-stretch',
+  // Box
+  'h-full min-h-0'],
   [ResizeablePanelPlacement.Right]: [
   // Layout
-  'layout-row-reverse !items-stretch']
+  'layout-row-reverse !items-stretch',
+  // Box
+  'h-full min-h-0']
 };
 const ResizeablePanelContent = [
 // Layout

package/dist/esm/v3/{OrSidebar-cc33991a.js → OrSidebar-8e0771d3.js}

@@ -4,8 +4,8 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-6b220a54.js';
-import { S as SidebarPlacement } from './props-8e5add7d.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-81a57c7a.js';
+import { S as SidebarPlacement } from './props-aedf339b.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
 const Sidebar = [

package/dist/esm/v3/components/index.js

@@ -88,7 +88,7 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from '../OrRadio-50b0ead5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-6b220a54.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-81a57c7a.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-0e867727.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from '../OrSearch-fe8137a0.js';
@@ -96,8 +96,8 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from '../OrSelect-d2790afa.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-cc33991a.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-8e5add7d.js';
+export { s as OrSidebarV3 } from '../OrSidebar-8e0771d3.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-aedf339b.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-9a800de4.js';

package/dist/esm/v3/components/or-resizeable-panel-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-6b220a54.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../../OrResizeablePanel-81a57c7a.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/components/or-sidebar-v3/index.js

@@ -1,6 +1,6 @@
-export { s as OrSidebarV3 } from '../../OrSidebar-cc33991a.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../../props-8e5add7d.js';
-export { R as SidebarPadding } from '../../OrResizeablePanel-6b220a54.js';
+export { s as OrSidebarV3 } from '../../OrSidebar-8e0771d3.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from '../../props-aedf339b.js';
+export { R as SidebarPadding } from '../../OrResizeablePanel-81a57c7a.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/components/or-sidebar-v3/partials/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from '../../../OrIconButton-a55f5ac0.js';
-import { S as SidebarPlacement } from '../../../props-8e5add7d.js';
+import { S as SidebarPlacement } from '../../../props-aedf339b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 import '../../../OrIcon-8f6c9c29.js';
 import '../../../OrTooltip-bdd46da2.js';
@@ -19,7 +19,7 @@ import '../../../OrBottomSheet-375aa75c.js';
 import '../../../OrOverlay-6269c33a.js';
 import '../../../OrTeleport.vue3-8099178c.js';
 import '../../../useTheme-0ef25778.js';
-import '../../../OrResizeablePanel-6b220a54.js';
+import '../../../OrResizeablePanel-81a57c7a.js';
 
 const CollapseButton = [
 // Box

package/dist/esm/v3/index.js

@@ -88,7 +88,7 @@ export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from './OrRadio-50b0ead5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-6b220a54.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-81a57c7a.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-0e867727.js';
 export { s as OrSearch } from './OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from './OrSearch-fe8137a0.js';
@@ -96,8 +96,8 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { s as OrSelect } from './OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from './OrSelect-d2790afa.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from './OrSidebar-cc33991a.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-8e5add7d.js';
+export { s as OrSidebarV3 } from './OrSidebar-8e0771d3.js';
+export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-aedf339b.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from './OrSkeletonText-9a800de4.js';

package/dist/esm/v3/{props-8e5add7d.js → props-aedf339b.js}

@@ -1,4 +1,4 @@
-import './OrResizeablePanel-6b220a54.js';
+import './OrResizeablePanel-81a57c7a.js';
 
 var SidebarPlacement;
 (function (SidebarPlacement) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.0.4",
+  "version": "8.0.5",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,5 +176,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "82bc3453dbffaeb84ea5907e553e3487eb7e6f39"
+  "gitHead": "a26ab98762dd80441e39a186e36e7a719c0326b5"
 }

package/src/components/or-resizeable-panel-v3/styles.ts

@@ -26,11 +26,17 @@ export const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[
   [ResizeablePanelPlacement.Left]: [
     // Layout
     'layout-row !items-stretch',
+
+    // Box
+    'h-full min-h-0',
   ],
 
   [ResizeablePanelPlacement.Right]: [
     // Layout
     'layout-row-reverse !items-stretch',
+
+    // Box
+    'h-full min-h-0',
   ],
 };