@onereach/ui-components 2.71.1-beta.2217.0 → 2.71.1-beta.2220.0

package/dist/bundled/v2/{OrSidebar-774b382d.js → OrSidebar-d445ecdd.js}

@@ -39,9 +39,10 @@ const SidebarToolbar = [
 // Sizing
 'gap-md',
 // Box
-'min-h-0', 'min-w-xl', 'p-[6px]', 'pt-[56px]', 'pb-md+',
+'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
 // Theme
 'text-outline', 'dark:text-outline-dark'];
+const CollapsibleSidebarToolbar = ['pt-[56px]'];
 const SidebarSides = {
   [OrSidebarPlacement.left]: [
   // Borders
@@ -303,7 +304,7 @@ var script = defineComponent({
     }));
     const rootStyles = computed(() => ['or-sidebar', ...SidebarRoot]);
     const sidebarStyles = computed(() => [...SidebarBar, ...SidebarSides[props.side]]);
-    const toolbarStyles = computed(() => [...SidebarToolbar, ...SidebarToolbarSides[props.side]]);
+    const toolbarStyles = computed(() => [...SidebarToolbar, ...(props.collapsible ? CollapsibleSidebarToolbar : []), ...SidebarToolbarSides[props.side]]);
     const resizeStyles = computed(() => [...SidebarResize, ...SidebarResizeSides[props.side], ...(isResizing.value ? SidebarResizingSides[props.side] : [])]);
     const collapsibleButtonStyles = computed(() => [...SidebarCollapseButton, ...SidebarCollapseButtonSides[props.side]]);
     const mainStyles = computed(() => [...SidebarMain]);

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

@@ -70,7 +70,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
 export { _ as OrSelectV3 } from '../OrSelect-02fb39f0.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-774b382d.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-d445ecdd.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-516993b4.js';
 export { _ as OrSlider } from '../OrSlider-59d05856.js';

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

@@ -1,4 +1,4 @@
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-774b382d.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-d445ecdd.js';
 import '@vueuse/core';
 import 'lodash';
 import '../../index-fa6eb4ca.js';

package/dist/bundled/v2/components/or-sidebar-v3/styles.d.ts

@@ -2,6 +2,7 @@ import { OrSidebarPlacement } from './props';
 export declare const SidebarRoot: string[];
 export declare const SidebarBar: string[];
 export declare const SidebarToolbar: string[];
+export declare const CollapsibleSidebarToolbar: string[];
 export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResize: string[];