@octanejs/resizable-panels 0.0.10 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/resizable-panels",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -29,7 +29,7 @@
     ".": "./src/index.tsrx"
   },
   "peerDependencies": {
-    "octane": "^0.1.51 || ^0.2.0"
+    "octane": "^0.1.51 || ^0.2.0 || ^0.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -37,7 +37,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@tsrx/react": "^0.2.63",
+    "@tsrx/react": "^0.3.0",
     "jsdom": "26.1.0",
     "playwright": "^1.61.1",
     "react": "19.2.3",
@@ -46,8 +46,8 @@
     "vite": "^8.1.5",
     "vitest": "3.2.4",
     "vitest-fail-on-console": "^0.10.1",
-    "@octanejs/testing-library": "0.1.49",
-    "octane": "0.2.0"
+    "@octanejs/testing-library": "0.1.52",
+    "octane": "0.3.0"
   },
   "scripts": {
     "test": "pnpm upstream:materialize && vitest run --root ../.. --project resizable-panels && vitest run --root ../.. --project resizable-panels-server && pnpm test:upstream && vitest run --root ../.. --project resizable-panels-browser",

package/src/components/group/Group.tsrx

@@ -219,7 +219,7 @@ export function Group(props: GroupProps) @{
 		group.mutableState.disableCursor = !!disableCursor;
 	}, [defaultLayout, disableCursor]);
 
-	return <GroupContext.Provider value={context}>
+	return <GroupContext value={context}>
 		<div
 			{...rest}
 			className={className}
@@ -238,7 +238,7 @@ export function Group(props: GroupProps) @{
 				touchAction: orientation === 'horizontal' ? 'pan-y' : 'pan-x',
 			}}
 		>{children}</div>
-	</GroupContext.Provider>;
+	</GroupContext>;
 }
 
 (Group as { displayName?: string }).displayName = 'Group';

package/src/components/group/types.ts

@@ -1,4 +1,4 @@
-import type { OctaneNode } from 'octane';
+import type { CSSProperties as DivStyle, OctaneNode } from 'octane';
 import type { Octane } from 'octane/jsx-runtime';
 import type { RegisteredPanel } from '../panel/types';
 import type { RegisteredSeparator } from '../separator/types';
@@ -29,7 +29,6 @@ export interface GroupImperativeHandle {
 	setLayout(layout: Layout): Layout;
 }
 
-type DivStyle = Exclude<Octane.JSX.IntrinsicElements['div']['style'], string | undefined>;
 type DivProps = Omit<Octane.JSX.IntrinsicElements['div'], 'children' | 'id' | 'ref' | 'style'>;
 export type GroupProps = DivProps & {
 	children?: OctaneNode;

package/src/components/panel/types.ts

@@ -1,4 +1,4 @@
-import type { OctaneNode } from 'octane';
+import type { CSSProperties as DivStyle, OctaneNode } from 'octane';
 import type { Octane } from 'octane/jsx-runtime';
 
 export type PanelSize = { asPercentage: number; inPixels: number };
@@ -43,7 +43,6 @@ export interface PanelImperativeHandle {
 	isCollapsed(): boolean;
 	resize(size: number | string): void;
 }
-type DivStyle = Exclude<Octane.JSX.IntrinsicElements['div']['style'], string | undefined>;
 type DivProps = Omit<
 	Octane.JSX.IntrinsicElements['div'],
 	'children' | 'id' | 'ref' | 'onResize' | 'style'

package/src/components/separator/types.ts

@@ -1,7 +1,6 @@
-import type { OctaneNode } from 'octane';
+import type { CSSProperties as DivStyle, OctaneNode } from 'octane';
 import type { Octane } from 'octane/jsx-runtime';
 
-type DivStyle = Exclude<Octane.JSX.IntrinsicElements['div']['style'], string | undefined>;
 type DivProps = Omit<
 	Octane.JSX.IntrinsicElements['div'],
 	'children' | 'id' | 'ref' | 'role' | 'tabIndex' | 'style'