@octanejs/base-ui 0.1.53 → 0.1.55

package/src/toast/positioner/ToastPositioner.tsrx

@@ -108,9 +108,7 @@ export const ToastPositioner = function ToastPositioner(
 		refs: [forwardedRef, setPositionerElement],
 	});
 
-	return (
-		<ToastPositionerContext.Provider value={positioning}>{element}</ToastPositionerContext.Provider>
-	);
+	return <ToastPositionerContext value={positioning}>{element}</ToastPositionerContext>;
 };
 
 export interface ToastPositionerState {

package/src/toast/provider/ToastProvider.tsrx

@@ -57,10 +57,10 @@ export const ToastProvider: React.FC<ToastProvider.Props> = function ToastProvid
 	);
 
 	return (
-		<ToastContext.Provider value={store}>
+		<ToastContext value={store}>
 			<ToastProviderPropsSynchronizer store={store} timeout={timeout} limit={limit} />
 			{children}
-		</ToastContext.Provider>
+		</ToastContext>
 	);
 };
 

package/src/toast/root/ToastRoot.tsrx

@@ -511,7 +511,7 @@ export const ToastRoot = function ToastRoot(
 		props: [defaultProps, elementProps],
 	});
 
-	return <ToastRootContext.Provider value={toastRoot}>{element}</ToastRootContext.Provider>;
+	return <ToastRootContext value={toastRoot}>{element}</ToastRootContext>;
 };
 
 export type ToastRootToastObject<Data extends object = any> = ToastObjectType<Data>;

package/src/toggle-group/ToggleGroup.tsrx

@@ -106,7 +106,7 @@ export const ToggleGroup = function ToggleGroup<Value extends string>(
 	});
 
 	return (
-		<ToggleGroupContext.Provider value={contextValue}>
+		<ToggleGroupContext value={contextValue}>
 			{toolbarContext ? (
 				element
 			) : (
@@ -122,7 +122,7 @@ export const ToggleGroup = function ToggleGroup<Value extends string>(
 					orientation={orientation}
 				/>
 			)}
-		</ToggleGroupContext.Provider>
+		</ToggleGroupContext>
 	);
 };
 

package/src/toolbar/group/ToolbarGroup.tsrx

@@ -48,9 +48,7 @@ export const ToolbarGroup = function ToolbarGroup(
 		props: [{ role: 'group' }, elementProps],
 	});
 
-	return (
-		<ToolbarGroupContext.Provider value={contextValue}>{element}</ToolbarGroupContext.Provider>
-	);
+	return <ToolbarGroupContext value={contextValue}>{element}</ToolbarGroupContext>;
 };
 
 export interface ToolbarGroupState extends ToolbarRootState {}

package/src/toolbar/root/ToolbarRoot.tsrx

@@ -63,7 +63,7 @@ export const ToolbarRoot = function ToolbarRoot(
 	};
 
 	return (
-		<ToolbarRootContext.Provider value={toolbarRootContext}>
+		<ToolbarRootContext value={toolbarRootContext}>
 			<CompositeRoot
 				render={render}
 				className={className}
@@ -76,7 +76,7 @@ export const ToolbarRoot = function ToolbarRoot(
 				onMapChange={setItemMap}
 				orientation={orientation}
 			/>
-		</ToolbarRootContext.Provider>
+		</ToolbarRootContext>
 	);
 };
 

package/src/tooltip/portal/TooltipPortal.tsrx

@@ -27,9 +27,9 @@ export const TooltipPortal = function TooltipPortal(
 	}
 
 	return (
-		<TooltipPortalContext.Provider value={keepMounted}>
+		<TooltipPortalContext value={keepMounted}>
 			<FloatingPortalLite ref={forwardedRef} {...portalProps} />
-		</TooltipPortalContext.Provider>
+		</TooltipPortalContext>
 	);
 };
 

package/src/tooltip/positioner/TooltipPositioner.tsrx

@@ -102,11 +102,7 @@ export const TooltipPositioner = function TooltipPositioner(
 		inert: !open || trackCursorAxis === 'both' || disableHoverablePopup,
 	});
 
-	return (
-		<TooltipPositionerContext.Provider value={positioning}>
-			{element}
-		</TooltipPositionerContext.Provider>
-	);
+	return <TooltipPositionerContext value={positioning}>{element}</TooltipPositionerContext>;
 };
 
 export interface TooltipPositionerState {

package/src/tooltip/provider/TooltipProvider.tsrx

@@ -15,11 +15,11 @@ export const TooltipProvider: React.FC<TooltipProvider.Props> = function Tooltip
 	const delayValue = React.useMemo(() => ({ open: delay, close: closeDelay }), [delay, closeDelay]);
 
 	return (
-		<TooltipProviderContext.Provider value={delay}>
+		<TooltipProviderContext value={delay}>
 			<FloatingDelayGroup delay={delayValue} timeoutMs={timeout}>
 				{props.children}
 			</FloatingDelayGroup>
-		</TooltipProviderContext.Provider>
+		</TooltipProviderContext>
 	);
 };
 

package/src/tooltip/root/TooltipRoot.tsrx

@@ -138,7 +138,7 @@ export const TooltipRoot = fastComponent(function TooltipRoot<Payload>(
 	const shouldRenderInteractions = open || mounted || (!disabled && trackCursorAxis !== 'none');
 
 	return (
-		<TooltipRootContext.Provider value={store as TooltipRootContext}>
+		<TooltipRootContext value={store as TooltipRootContext}>
 			{handle && <PopupHandleAttachment handle={handle} store={store} />}
 			{shouldRenderInteractions && (
 				<TooltipInteractions store={store} disabled={disabled} trackCursorAxis={trackCursorAxis} />
@@ -146,7 +146,7 @@ export const TooltipRoot = fastComponent(function TooltipRoot<Payload>(
 			{typeof children === 'function' && !React.isChildrenBlock(children)
 				? children({ payload })
 				: children}
-		</TooltipRootContext.Provider>
+		</TooltipRootContext>
 	);
 });